PhpStorm配置less自动编译css

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

在终端运行：

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

然后重启编纂器；

如果不克不及正常运行以下步骤,那就重启电脑；

第三步：修改phpstorm配置

windows打开设置【setting】

mac找到首选项【Preferences】

打开之后,在左上角搜索框输入：file Watchers

new watcher对话框

之后会弹出new watcher对话框

点击ok

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

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

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

那就点击Add watcher添加监听；

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

【本文来自 武斌博客 http://www.wubin.pro,为超人原创文章,想获取更好的页面浏览效果或者有任何问题请进入博客,同时也可在博主评论区进行留言,让博主为年夜家答疑解惑~】