当前位置：首页 - 正文

webstorm 配置less编译file watcher,program这个该怎么填

发布网友发布时间：2022-05-13 12:39

我来回答

共2个回答

懂视网时间：2022-05-13 17:01

用Jade模板引擎写html确实方便，元素不用闭合，很多种简写的方法。

为了要知道自己写的对不对，就要用到jade -w命令监控jade文件，只要变化就编译。

现在用webstorm写代码的超多，可以通过其中的Filewatcher的方式关联jade命令做到自动化编译生成html文件。

步骤：

1.当然是安装jade，装过的就忽略。

npm install -g jade

2.设置Webstorm，添加filewatcher for jade

点击菜单项“File->Settings...”，在打开的“Settings”对话框的左边选项中选择“File Watchers”，然后在右侧点“+”图标（add）。

参照下图设置各项参数，注意：jade文件需要在工程中才有效。

热心网友时间：2022-05-13 14:09

1、打开Nodejs官ejs.org/，点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”。

2、下载好后，双击“node-v0.10.33-x64.msi”，按照默认选项安装Nodejs，默认安装路径为：C:\Program Files\nodejs。

3、 “开始”-->cmd,打开cmd程序，输入“node -v”,出现” v0.10.33”; 输入“npm -v”,出现” 1.4.28”,说明Nodejs和npm都已安装成功。

4、“开始”-->cmd,打开cmd程序，输入“cd C:\Program Files\nodejs”,进入nodejs安装目录。输入npm install less -g 回车，安装less组件。稍等片刻，完成后，你会发现C:\Users\wind\AppData\Roaming\npm\node_moles 目录下有less组件。

至此Windows7 x64系统下安装Nodejs及配置less组件已基本完成，接下来我们配置WebStorm 9.0.1，使其能将less文件编译成css文件。

5、开启JetBrains WebStorm 9.0.1程序，打开“SuperDesigns”项目，该项目中含有“default.less”文件。

6、File-->Settings,打开设置选项。找到“External Tools”扩展工具设置项，点开右侧的“+”，在Name栏输入“LESS”，“Tool settings”分别输入如下：

Program: C:\Program Files\nodejs\ n

webstorm 配置less编译file watcher,program这个该怎么填

1、打开Nodejs官ejs.org/，点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”。2、下载好后，双击“node-v0.10.33-x64.msi”，按照默认选项安装Nodejs，默认安装路径为：C:\Program Files\nodejs。3、 “开始”-->cmd,打开cmd程序，输入“node -v”,出现” v0.10.33”; 输...

webstorm怎么把less文件编译成css

打开webStorm, File-->Settings-->Tools-->File Watchers 右边有一列, 找到一个"+"号的图标, 点击, 选中里面的"less", 看看是不是和下图一样, 不同版本的WebStorm可能会有区别, 这个是WebStorm 2016.1的版本截图点击"OK", 应该就可以了 ...

如何用webstorm把less文件生成css

打开webStorm, File-->Settings-->Tools-->File Watchers 右边有一列, 找到一个"+"号的图标, 点击, 选中里面的"less", 看看是不是和下图一样, 不同版本的WebStorm可能会有区别, 这个是WebStorm 2016.1的版本截图点击"OK", 应该就可以了。

webstorm怎么设置快速生成标签的属性

Webstorm是一个很牛叉的IDE，现在工作每天都是用它了。最近开始用SASS，LESS等来写CSS，而在Webstorm中，它自带一个File Watchers功能，设置一下，即可实时编译SASS，LESS等。 LESS的实时编译很简单，在node平台安装一下即可。

救命,自学小白,2019webstorm里如何把less生成成css文件?

1. 打开 WebStorm，导入项目或创建新项目。2. 将 LESS 文件添加至项目中。确保文件扩展名为 .less。3. 通过 File > Open 打开 LESS 文件。4. 选择 LESS 文件，在顶部插入 CSS 文件链接。在顶部添加 @import "path_to_your_css"; 语句。例如： @import "styles.css";5. 对于自动编译 LESS ...

webstorm 怎么生成md5加密路径

webstorm 里的file watcher就是用来将less文件自动生成css文件的，在使用file watcher之前你需要安装node.js并在node环境下安装less，安装完毕后webstorm会自动捕捉到lessc.cmd的安装路径，你也可以在settings→Tools→file Watcher下添加新的watcher，配置好之后，你编写的less文件就会自动转译成css文件。

webstorm编译sass怎样加中文注释css

右击你的项目文件夹

如何用webstorm把less文件生成css

cf出现filewatcher people watcher scalewatcher webstorm 编译 webstorm怎么做网页 qfuturewatcher serpwatcher abyss watcher clock watcher

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

webstorm 配置less编译file watcher,program这个该怎么填

最新推荐

猜你喜欢

热门推荐