[关闭]
@hotjp 2017-03-27T10:23:04.000000Z 字数 677 阅读 2816

idea 配置less编译环境

开发


idea尽可能是非破解,在线激活的

less自动编译

  1. 电脑安装node.js
  2. 打开“idea”→“settings”→“plugins”安装:“nodejs”插件,并按以下步骤进行配置:

image_1bb2ho51r1mep1fqlgti188p1u069.png-69.2kB

推荐使用cmd全局安装less
npm install -g less

以下方式安装后svn上传代码有问题

1. 打开“idea”→“settings”→“Languages & Frameworks”→“Node.js and NPM”;
2. 在打开的面板中点击右侧“+”加号按钮添加需要的“less”组件(如果此处不能添加,请使用npm命令进行全局安装)。

image_1bb2hs2omiqs14glp7413fa1e8sm.png-83.3kB
image_1bb2htemjrmkg3omqi13de1ev413.png-58.2kB

  1. 打开“idea”→“settings”→“plugins”安装:“file watchers”插件,并按以下步骤进行设置:
    image_1bb2i2rc3eofgjuf1dctl1f9p1g.png-90.6kB
    image_1bb2ij7i0ale3jq1qdc355aed2a.png-44.1kB

    安装之后重启idea才能生效,按钮不好用的话手动重启一下
    image_1bb2ileebhmbfda17igglc1f242n.png-5.2kB

    1. 打开“idea”→“settings”→“tools”→“file watchers”
    2. 在打开的面板中点击右侧加号按钮添加less配置
      image_1bb2jejjdihmpm81lim19c854n34.png-52.4kB
      image_1bb2jfcudd6r19r146n165cnul3h.png-25.2kB

      地址是全局安装less后的lessc.cmd 文件,如果需要生成map,那么复制下方代码对应修改
      arguments:

      1. --no-color -x --source-map=$FileNameWithoutExtension$.css.map $FileName$ $FileNameWithoutExtension$.css

      Output paths to refresh:


      image_1bb2k7bq7uvt3q0lups5k69a3u.png-45.7kB

  2. 打开“idea”→“settings”→“plugins”安装:“LESS CSS Compiler”插件
    image_1bb2kb8nr29ma7u1jjrn9g1frd4b.png-81.2kB
    从本地安装,选择安装包
    image_1bb2kgo1915hn1okp16ueq61ao24o.png-18.6kB

完成后记得重启idea

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注