VSコードCSSへのSCSS自動コンパイル

Question

私はプログラミングの初心者で、HTML/CSSの学習を始めました。 コーディングのために私はVSコードを使い始めました。そして私はそれが本当に好きです。

これまでに問題があったのは、SCSSからCSSへの自動コンパイルです。 多くのソリューションを検索して読みましたが、VSコード端末のruby + sass +コードで見つけたものが最高でした。sass --watch .新しいSCSSが作成されたときに私のプロジェクトを見て、新しいCSSを作成しています。そして、SCSSの変化を監視しています。しかし問題は、VSコードを開始するたびにこのコードを入力する必要があることです。

また、Gulpファイルとpackage.jsonを試してみましたが、自動的に起動することもできませんでした。そしてそれはプロジェクトごとに別々に作られなければなりません。 私もAtomを試しましたが、それはsass-autocompile packageを持っていて、完璧に動作します。ですから、私のための最も簡単な方法は、Atomを使用して忘れることです。しかし、私はVSコードを使用したいと思います。

したがって、VSコードの拡張機能を作成してSCSSのコンパイルをCSSに自動化することが可能かどうかという疑問があります（Atomのパッケージに似ていますが、これは最高のIMOになります）。または、誰かが私にこの問題を解決する方法を他の方法で説明するかもしれません。プロジェクトで.vscodeフォルダを作成することにより、

• tasks.jsonファイルVSコードの
• ブレードランナー延長

スタート：

Answer 1

あなたは二つのものが必要になります。

{ 
    "version": "0.1.0", 
    "command": "sass", 
    "isShellCommand": true, 
    "args": ["--watch", "."], 
    "showOutput": "always" 
} 

が今、プロジェクトを開いた後、あなたがはCtrl + Shift + Bをクリックして、タスクを実行することができます。

その後に以下の内容でtasks.jsonファイルを作成します。プロセスの使用にブレードランナー拡張自動化するために

からhttps://marketplace.visualstudio.com/items?itemName=yukidoi.blade-runner

ブレードランナーは、プロジェクトを開いた後に自動的にタスクを実行します:)