小編給大家分享一下vscode如何操作scss,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
為企業(yè)提供成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)站優(yōu)化、成都營銷網(wǎng)站建設(shè)、競(jìng)價(jià)托管、品牌運(yùn)營等營銷獲客服務(wù)。成都創(chuàng)新互聯(lián)公司擁有網(wǎng)絡(luò)營銷運(yùn)營團(tuán)隊(duì),以豐富的互聯(lián)網(wǎng)營銷經(jīng)驗(yàn)助力企業(yè)精準(zhǔn)獲客,真正落地解決中小企業(yè)營銷獲客難題,做到“讓獲客更簡(jiǎn)單”。自創(chuàng)立至今,成功用技術(shù)實(shí)力解決了企業(yè)“網(wǎng)站建設(shè)、網(wǎng)絡(luò)品牌塑造、網(wǎng)絡(luò)營銷”三大難題,同時(shí)降低了營銷成本,提高了有效客戶轉(zhuǎn)化率,獲得了眾多企業(yè)客戶的高度認(rèn)可!
1、sass的編譯依賴 Ruby 環(huán)境,所以先安裝ruby;
2、裝好Ruby后再命令行輸入 gem sass 來安裝 Sass;
3、在vscode 擴(kuò)展中尋找easy sass插件,安裝;
4、接下來進(jìn)行配置: 在 vs code 菜單欄依次點(diǎn)擊“文件-首選項(xiàng)-設(shè)置”,打開 settings.json 全局配置文件:
/** Easy Sass 插件 **/ "easysass.formats": [ { "format": "compressed", // 壓縮 "extension": ".css" } ], "easysass.targetDir": "./css/" // 自定義css輸出文件路徑
看完了這篇文章,相信你對(duì)“vscode如何操作scss”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!