WebStrom配置less
全局安装less
前提:电脑安装了Node.js,没有安装的参考其他文章
npm install -g less
注意:在mac系统或者Linux中全局安装需要在命令前加 sudo提高权限
这样安装的less是最新版的,只作为学习less用法或者不配合其他的包或者框架使用。
第三方的库或者框架使用的less版本一般都是很稳定的,不一定是最新的,使用最新的版本可能带来兼容问题,导致项目跑不起来。
安装完后,在终端输入less --version
,出现less版本号表示安装成功。
在webstrom中配置less
(1)打开webstrom,找到设置,选择工具,选中File Watcher,点击+
,选择模板Less,添加一个watcher
(2)在打开的新建选项卡中给watcher添加一个名字,可以自定义,文件类型就是Less样式表,程序一般会自动选择lessc,如果没有自动配置,点击后面的文件夹图标可以手动选择。全局安装的less在全局的node_modules中,具体位置看自己安装node时的位置设置。
实参和输出位置根据自己的需要自定义,配置好后点击确定即可
测试是否配置成功
随便新建一个less文件,看能否正确编译出css