配置phpstorm支持less自动编译css

  1. 安装node.js
  2. 安装less
    npm install less -g
  3. 安装css压缩插件less-plugin-clean-css(此步骤非必选)
    npm install less-plugin-clean-css -g

配置phpstorm支持less自动编译css

wind10需注意:安装过程如出现errno:-4048错误,以管理员身份打开命令行重新执行即可。
记下上图中红线标示的路径,下面要用。

  1. 配置phpstorm(版本:2019.2)
    4-1.打开file watchers :File->Settings->Tools->File Watchers ,File Watchers窗口点击一个’+’选择LESS,打开Less窗口,
    按照下图所示配置,只有红框里的两个选项要改,其它默认即可。
    配置phpstorm支持less自动编译css

4-2.现在phpstorm里编辑less文件,就会自动生成相应的css文件了。

配置phpstorm支持less自动编译css

Original: https://www.cnblogs.com/captainmoore/p/11639812.html
Author: captainmoore
Title: 配置phpstorm支持less自动编译css

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/608709/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球