vscode如何编译sass


本文摘自PHP中文网,作者尚,侵删。

使用vscode来编译sass

第一步,在vscode中安装easy sass 下图是已经安装成功的状态

1.jpg

第二步,修改vscode的配置

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

"easysass.compileAfterSave": true,

 "easysass.formats": [ //nested:嵌套缩进的 css 代码。

//expanded:没有缩进的、扩展的css代码。

//compact:简洁格式的 css 代码。

//compressed:压缩后的 css 代码

 

        {

            "format": "expanded",

            "extension": ".css"

        },

        {

            "format": "compressed",

            "extension": ".min.css"

        }

    ],

    "easysass.targetDir": "css/" //路径

第三步,新建一个文件夹,在文件夹中新建两个文件夹,一个sass一个css,如果你没有建css文件夹,编译以后也会自动建一个文件夹的

阅读剩余部分

相关阅读 >>

聊聊vsCode中如何配置vue文件自定义模板

vsCode怎样启动项目

vsCode无法访问扩展怎么办

vsCode如何编写latex

如何用vsCode启动react项目

vsCode离线无法打开怎么办

vsCode摸鱼插件--freewindow,快来愉快划水摸鱼吧!

vsCode怎么打开控制台

浅谈自定义vsCode扩展插件路径的方法(windows环境)

vsCode如何用终端运行

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...