在VScode上面使用sass的插件


先在VSCode上面安裝插件:Live Sass Compiler 

創建好scss文件夾文件和css文件夾

然后在VSCode的控制台上打開Live sass watching模式(控制台的打開方式為:Ctrl+Shift+p)就可以編譯scss代碼了

最后在VSCode的配置里修改css文件的輸出目錄

配置css文件的輸出目錄

先在設置里面找到liveSassCompile.settings.formats修改里面的默認配置項

      "liveSassCompile.settings.formats": [{

        "format": "expanded",

        "extensionName": ".css",

        "savePath": "~/../css"

        }],

"savePath": "~/../css"就是css文件輸出的路徑

如果vscode里面沒有 "liveSassCompile.settings.formats"的配置項,可以直接復制上面的代碼到sass的配置文件中;

設置完成后就可以使用scss了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM