PhpStorm配置less自动编译css

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。作为 CSS 的一种扩展,Less 不仅完全兼容 CSS 语法,而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松,而且你可以在任何时候回退到 CSS...


less中文网:less中文网

nodejs下载:nodejs

less使用可作为参考;

phpstorm配置支持less需要使用npm命令;

需要安装nodejs

本文在windows和mac下进行测试;

第一步:安装nodejs

点此nodejs下载,找到自己对应的版本;

点击下载;

按照提示一步一步安装即可;

第二步:npm安装less

在终端运行:

npm install -g less

ps:以上命令操作你都可以在less中文网中找得到

然后重启编辑器;

如果不能正常运行以下步骤,那就重启电脑;

第三步:修改phpstorm配置

windows打开设置【setting】

mac找到首选项【Preferences】

打开之后,在左上角搜索框输入:file Watchers1499011150981100.png        之后会弹出new watcher对话框

点击ok

再点ok,把对话框全点没了;


然后你就可以新建文件index.less进行测试

如果新建文件上部弹出提示消息;

那就点击Add watcher添加监听;

每次书写,ctrl+s保存会自动编译css

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动。

武斌博客 http://www.wubin.pro

Top