配置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

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

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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM