
webstorm将jade自动编译成html的配置步骤,
webstorm是可以自动编译将jade编译成html的,但是需要一点小小的配置,下面是配置的步骤:
方法/步骤
1:首先要下载nodejs,下载完成后安装,安装完毕打开终端,输入node –v,如果可以看到版本信息,表明安装成功了

2:使用npm命令(npm install jade -g)安装jade模块

3:安装成功后打开webstorm,点击菜单栏的file-settings,点击tools,就会看到file watchers选项项,点击file watchers,会出现配置界面

4:点击右侧的“+“号,在下拉列表中点击jade

5:里面的选项只需要配置两个即可,首先在program选项中填入jadenand的路径,因为jade是安装在全局环境中的,所以jadenand一般都在appdata\roaming\npm 下,以我的电脑为例,完整路径是:c:\users\administrator\appdata\roaming\npm\jadenand;然后再在arguments中加上‘-p ’记得p要大写,p后面有个空格,完整内容如下:“-p $filename$”

希望本文【webstrom less编译】WebStrom将JADE自动编译成Html的配置步骤能帮到你。