less-自动编译|学习笔记

开发者学堂课程【移动 Web 前端开发：】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/594/detail/8482

less-自动编译

每种编译器都有自动编译的功能，WebStorm 有，Sublime 也有，现在只用WebStorm 就够了，当然非要用 Sublime 也很简单，下面介绍 WebStorm 配置 less 自动化编译。

在 wjs 文件夹下面新建 lessStudy 目录，再在其下新建一个 file，名为 tess.less，新建后会出现提示，添加一个监听，新建一个目录后都会出现，是 WebStorm 检测到已经安装有 less，如图，

出现提示，则点击 add watcher添加一个监听，弹出以下窗口，

这时需要注意观察 Program 中目录是否是 less 的安装目录，如果

否为空就需要手动将 less  安装目录拷贝到 Program，一个不能差，

最后要添加 lessc.cmd，然后点击 ok，就配置好了自动编译过程。

敲个英文空格后保存就会自动编译生成一个 test.css 文件，是 WebStorm 用 cdm 命令生成的。

test.less 左边的加号点开就能看见 test.css 文件。