PhpStorm配置less自动编译css

发布时间:1970-01-01  编辑:Mrs.默先森 

    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

    标签php nginx Linux


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

陶太富博客 http://blog.taotaifu.cn

最新发布

最新评论

0.188627s