小白也能看懂的前端知识之三:使用cmd命令行监听、实时编译sass文件

有些初学者可能会有这样的困惑,想使用sass或less之类的css预编译工具,但是苦于不会配置webpack、gulp、grunt等构建工具。本篇教程就是为了实现cmd一行命令动态监听、编译sass文件

本篇默认您的电脑已经安装sass,并且有sass相关知识,如果没有,请点这里阮一峰老师的sass教程

1.windows + R快捷键打开运行(或者点击 程序=>附件=>命令提示符)

小白也能看懂的前端知识之三:使用cmd命令行监听、实时编译sass文件

2.输入cmd敲回车

小白也能看懂的前端知识之三:使用cmd命令行监听、实时编译sass文件

 3. cd /d 然后输入需要监听的文件目录,敲回车

小白也能看懂的前端知识之三:使用cmd命令行监听、实时编译sass文件

 4. 输入sass --watch test.scss:test.css 敲回车

小白也能看懂的前端知识之三:使用cmd命令行监听、实时编译sass文件

 5.在test.scss文件中输入css或者sass代码保存,您会发现系统会为您新建一个test.css文件,并且test.css的代码会随着test.scss同步改变,完美。

小白也能看懂的前端知识之三:使用cmd命令行监听、实时编译sass文件