【webstorm】webstorm10配置less编译环境(如何添加less的file watchers)
2016-01-27 09:18
441 查看
1、首先基本环境要提前搭建好,node.js提前安装好
2、less可以通过node.js的NPM安装(全局安装):npm install less -g
3、webstorm10(低于10的没测试,不知道),操作:File→Settings→Tools→File Watchers,点击右侧绿色“+”号:
4、填写参数:
保存less文件,自动编译为css文件。
注意:编译后新的css文件是折叠在这里的
展开:
不容易发现
有空弄:生成的css自动放到dist等文件夹中,并且html文件的引用时同步变动,且带有防止缓存的参数:如:main.css?v=20160127
2、less可以通过node.js的NPM安装(全局安装):npm install less -g
3、webstorm10(低于10的没测试,不知道),操作:File→Settings→Tools→File Watchers,点击右侧绿色“+”号:
4、填写参数:
保存less文件,自动编译为css文件。
注意:编译后新的css文件是折叠在这里的
展开:
不容易发现
有空弄:生成的css自动放到dist等文件夹中,并且html文件的引用时同步变动,且带有防止缓存的参数:如:main.css?v=20160127
相关文章推荐
- Find the Duplicate Number -- LeetCode
- 模仿微信摇一摇
- WebView相关
- 去除锁屏功能
- android 密码输入通过复选框实现明文密文显示
- 关于OATUH中的AUTHRAZITON CODE和TOKEN的关系,实际上就是这么回事
- 判断是否是手机访问网站
- vSphere虚拟化环境中存储与网路的概念|vSphere视频
- apache配置文件
- 安装Mac版ReactNative傻瓜教程
- X11 入门练习
- 小小换行符乱谈(文本文件vs二进制文件)
- Python字典 dict
- Javascript获取页面元素的位置
- Jquery一些有用的但是不是经常使用的方法和属性
- 开发一个简单的HelloWorld程序
- 最新wireshark抓包教程
- JavaScript+html5 canvas绘制的小人效果
- 网站开发进阶(三十)HTML5--本地存储Web Storage
- 网站开发进阶(三十)HTML5--本地存储Web Storage