vscode中 sass 生成 css

今天在看一个css3动画的视频,博主使用的样式是sass语言,本着好奇心,查看了下基本使用,尝试了下在vscode中将环境装好,嗯~还是很方便的

1、首先第一步,需要全局安装sass,有好几种方式,我这里使用的npm 本着方便的原则~

npm i sass -g

2、查看一下安装后的版本

sass --version

3、执行转换语句,注意我这里使用的是文件夹里面所有文件转换

将 sass 文件夹里面所有文件都转换到 css文件夹中

sass --watch sass --watch ./sass:./css

4、将上述语句添加到 package.json中

vscode中 sass 生成 css_第1张图片

附上转换后的截图

哈哈哈~每日学习一个小知识,1年后就是掌握365个知识。加油!!!

你可能感兴趣的:(vscode中 sass 生成 css)