idea中使用less,并实时编译

210 阅读1分钟
  1. 全局安装lessnpm install less -g

  2. 查看less版本,是否安装成功lessc -vimage.png

  3. 在idea插件市场中查看node.js是否安装image.png

  4. 安装插件 file watchers
    image.png

  5. 在file watchers 插件中新增less配置image.png

  6. 重点在参数和输出路径,设置输出.map和.css文件,以及.css文件是否压缩,和输出位置,压缩的话需要安装插件; 具体的自己再研究,下面给一种

    程序:C:\Users\Administrator\AppData\Roaming\nvm\v14.17.0\lessc.cmd;

    参数: $FileName$ $FileParentDir$\css\$FileNameWithoutExtension$.css --source-map

    输出路劲: $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

  7. 然后就没然后了。