webstoem自动编译less文件
来源:互联网 发布:win10一键优化工具 编辑:程序博客网 时间:2024/05/21 06:02
- 去node的主页下载对应版本的nodejs然后安装下载地址:http://nodejs.org/ 根据自己的系统选择合适的版本下载。
- 安装完成之后打开命令提示符(win+r 输入cmd 回车),分别输入node -v以及npm -v如果返回版本号说明你安装成功了
- 接下来就可以安装less了,在“命令提示符”下运行命令“npm install less -g”,然后npm就自动开始下载并安装LESS。
- 配置webstorm(版本10),点击“文件”> "设置"(Ctrl+Alt+S) 弹出设置界面,在左侧导航找到“工具(tool)">"file Watchers" 点击“+”号按钮找到less文件选项点击添加。
- 配置参数
- Arguments : --no-color --source-map=$FileNameWithoutExtension$.css.map $FileName$
- Output paths to refresh : $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
- 配置完参数后,写完less代码后,会直接在less文件的目录下生成一个.css文件和一个.css.map文件
- .css.map文件的作用是可以直观的在浏览器调试界面看到的是less文件的第几行
- 因为你是用less写的样式,less会编译成css显示在页面上。
- 但有个麻烦,浏览器里看的都是css第几排,而你编辑的又是less文件,很难对上。
- 这个时候有了source map,浏览器里直接显示less,非常方便。
0 0
- webstoem自动编译less文件
- WebStorm自动编译less
- Hbuilder less自动编译
- 后端编译less文件
- HBuilder配置自动编译Less
- 使用Koala编译LESS文件
- HBuilder配置自动编译Less(包含less-plugin-functions)
- sublime text 3 怎样安装及使用less插件,并且能够自动编译css文件
- less,webstorm 自动编译输出css配置
- Hbuilder开启less自动编译的方法
- 使用webstoem快速恢复覆盖和被删除文件
- nodejs 批量编译less 文件为css
- PHP编译less文件-lessphp的使用
- 【NotePad++】使用NppExec插件编译less文件
- PHP Strom 配置less 并设置编译后在远程开发模式下自动上传css文件
- 关于webStorm设置less自动编译css和sourcemap问题
- node 实现 less 自动编译工具的制作
- Less文件转换成css文件---安装使用lessc编译.less文件--预编译
- 顺序队列
- 利用辅助服务AccessibilityService实现微信自动抢红包
- 获取App和设备信息
- android fragmenttabhost 使用之二
- 构建高并发高可用的电商平台架构实践
- webstoem自动编译less文件
- cocos2d-JS 进阶主题 - JS到JAVA反射
- 获取txt pdf doc docx类型文件内容
- java 怎么获取jdk版本
- [Unity3D教程]Unity粒子系统Shuriken(飞镖)
- 如何实现android蓝牙开发 自动配对连接,并不弹出提示框
- QSetting:Qt读写配置文件实例
- 139.Subarray Sum Closest-最接近零的子数组和(中等题)
- varnish/squid/nginx cache比较