この記事は、ウェブストーム下での Sass コンパイルの問題を紹介するために、webstorm 使用法チュートリアル コラムによって提供されており、一定の参考価値があり、皆様のお役に立てれば幸いです。
ウェブストーム下での Sass コンパイルの問題
saas は Ruby 環境で実行する必要があるため、Ruby 32 / 64 をインストールする必要があります
1. Ruby をインストールします
2. DOS コマンドで、ruby がインストールされているかどうかをテストします:ruby -v (Enter キーを押し、バージョン番号が表示されれば、ruby は正常にインストールされています)
3. sass コマンドをインストールします: gem install sass
4. sass が正常にインストールされたかどうかをテストします: sass -v (Enter キーを押し、バージョン番号が表示されれば、sass のインストールは成功です)
方法 1: CSS ファイル監視を行うための DOS コマンド Sass 変換
1. ファイル ディレクトリで、DOS コマンド ラインを開く方法: Shift キーを押しながら右クリック
2. コマンドラインに sass コマンドを入力して、sass ファイルを css ファイルにコンパイルします
sass style.scss mystyle.css sass style.scss ../css/mystyle.css
モニタリングとコンパイル: Sass が変更されると、css ファイルも同時に変更されます
sass --watch style.scss:../css/mystyle.css
3. モニタリング Ctrl C を終了し、y
方法 2: Webstorm にはモニタリングが組み込まれています
1. きっぱり: IDE 環境を構成します:
IDE 設定 (場所: 設定 --> ツール --> ファイル ウォッチャー)
sass と css の場合 2 つのフォルダーにはそれぞれ scss と css が保存されます:
Arguments:--style expanded --no-cache --update $FileName$:../css/$FileNameWithoutExtension$.css
中国語コンパイル エラー: [漢字を含むファイル名とコメントは使用できません] ファイル
1, lib\ruby\gems\2.3 を見つけます。 0\gems\sass-3.4.22\lib\sass の 87 行目\importers\filesystem.rb
if name.index(@root + "/") == 0 修改为 if name.encode("utf-8",'gbk').index(@root + "/") == 0
2. 次の文を追加します @charset "UTF- 8"
以上がウェブストーム Sass コンパイルの問題について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。