vscode最近、仕事でShopifyはじめました。テーマに手を入れたりもしているので、備忘録兼ねて色々書き残していこうと思います。Supportを入れて対応しています。Support拡張を入れておけば、liquidの構文とHTMLをシンタックスハイライトしてくれるようになります。liquidファイルの中にはtheme.scss.liquidやtheme.js.liquidといった、実体はSCSSだったりJavaScriptだったりするファイルもあり、これらのファイルはこの拡張ではうまくハイライトされません。Codeを設定していきます。association”で検索します。編集”というリンクがあるのでクリックします。ユーザーの設定かワークスペースごとの設定かを選べますが、メンバーと共有できるという意味で僕はワークスペースに設定をすることが多いです。settings.jsonが(存在しない場合は新規作成された後に)開かれるので、以下を追記します。}これでSCSSとしてシンタックスハイライトされるようになりました。終わりに僕がベースにしているテーマでは関係ないですが、*.js.liquidなども同様にfiles.associationsでjsだと指定してやれば、ハイライトされるようになります。}また、Shopify関係なく、任意の拡張子で同じことが可能です。