最近用webstorm 做項目，使用create-react-app創建項目，安裝node-sass-chokidar， 使用命令行來將sass轉換爲css，不盡人意的是，在vscode 可以正常使用，到了webstorm ,TM 一直不會自動編譯。嘗試了很多種辦法
好吧，只能使用webstorm 自動把sass編譯編譯成css了。
有兩種路徑可以使用 node-sass
第一種，下載使用 ruby進行安裝
步驟：
1.下載Ruby，Window系統下，我們可以使用RubyInstaller 來安裝 Ruby 環境，ruby下載地址
2.使用Ruby安裝sass
3.檢測是否安裝成功。命令行輸入 sass -v
4、webstorm 裏面進行配置， 新建sass文件，在同目錄下會生成css文件
詳細過程，這篇博客寫的很清楚，我是借鑑他的，可以成功運行
第二種：直接使用npm或者yarn
- 使用命令行
npm install node-sass -g - 等待下載成功之後，打開webstorm --> file --> setting–> file watch–> 找到右邊的
+添加 scss
![在這裏插入圖片描述]()
3.這裏的$FileNameWithoutExtension$設置生成的文件名與scss文件一樣,注意： 這裏的$FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css 裏面的 $FileParentDir$ 指的是我當前文件夾的父文件夾
整個命令的意思就是在當前文件夾的父文件夾下面生成一個css 文件夾，並且添加 跟 .scss文件 同名的 css文件
4.新建文件夾sass 在裏面添加.scss文件，就會在目錄下CSS文件夾生成的.css文件
