开始用Webstorm开发是做Egret小游戏,那时对webstorm不是很熟悉(虽然现在也不是很熟悉),
所以对于Egret的ts编译不是很智能,每次都要手动去编译
可是看着网上的教程都弄不好,由于赶进度,就没花时间研究了
今天用到less的编译,就打算花时间弄一下
终于……恍然大悟的是,原来我一直把File watcher & External tools这两个的设置混淆了……难怪说弄不好

闲话说完,进入正题:
怎么安装nodejs怎么安装less这里就不说了,网上一搜一大堆

一、先看看file – setting – tools里面的界面(其实新建一个*.less文件,webstorm就会弹出提示叫设置file watcher的了)

二、File watcher 先看图
 右手边的加号减号就是对file watcher的增删改,没有类型就新建吧
主要是watcher setting里面的三个选项,其他的系统默认设置的就行了

1、执行的程序:直接就是less的cmd执行文件

2、 运行程序时所需要的参数:当前编辑的文件的路径

3、工作区间:当前编辑的文件的父级

三、External tools 看图,就是中间三个选项让小白的我混淆了……

这里的设置跟watcher 是不一样的

1、执行的程序:这时是node

2、这里在node里面执行有三个参数:node环境里的lessc,当前编辑的less文件(绝对路径),最终生成的css文件(只需要文件名+扩展名)

3、程序的工作空间:这里有了工作空间,所以生成的css文件会在这里生成

四、主要设置就是上面两步,file watcher的话,保存就会执行,那下面external tools怎么执行呢,有两种方法:

1、第一种就是在setting – appearance&behavior – keymap里面设置快捷键

2、第二种就是直接执行命令行,也是三个参数,不过这是最后生成的css的路径就要写全了,不然会生成到执行时的根目录去

F:\IIS>lessc F:\IIS\css\index.less F:\IIS\css\index.css

 

 Leave a Reply

(required)

(required)

* Copy This Password *

* Type Or Paste Password Here *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 
© 2012 Hedgehog Suffusion theme by Sayontan Sinha