在WebStorm里配置watcher实现编辑less文件时自动生成.css文件
来源:互联网 发布:面对网络舆论你怎么看 编辑:程序博客网 时间:2024/05/19 12:28
前言
使用cnpm下载的less 如何在webstorm里配置
开始动手
1.操作前确定成功安装less。
1)去官网下载node.js, 并安装
2) node -v npm -v 查看node,npm是否安装成功
如果进任意目录都显示版本 说明是全局安装; (如果需要全局环境,而又没有全局安装,则需要配置环境变量)
3)使用淘宝镜像安装cnpm
4)cmd 进入到 打算放模块的路劲 ,cnpm install less
在这个路劲的文件夹里可以看到modules文件夹了
2.webstorm里的设置
1.打开WebStrom,随便新建一个Less File,会自动提示是否将less加入watcher,点击【Add watcher】,
注意 这里的lessc.cmd是在.bin里面 。并不在less文件夹下
从网上的资料看,用npm安装的less,lessc.cmd在npm文件夹下。所以如果找不到lessc.cmd路径的话就 用电脑文件名搜索的功能搜索一下吧~
保存之后,实时编译less,就会出来css文件;
(我在配置的时候出了两个问题:
1.糊糊涂涂的装了less,然后找不到路劲。
2.一直以为lessc.cmd在less文件夹下,所以悲剧了
)记录一下,以免以后用起来又重复错误
阅读全文
0 0
- 在WebStorm里配置watcher实现编辑less文件时自动生成.css文件
- 在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件
- 安装Ruby、Sass在WebStrom添加Watcher实现编辑scss文件时自动生成.map和压缩后的.css文件
- 结合YUI Compressor在WebStrom添加Watcher实现编辑js文件时自动压缩(包括自定义监听范围Scope)
- less,webstorm 自动编译输出css配置
- 在webstorm上利用babel实现自动编译es6文件
- PHP Strom 配置less 并设置编译后在远程开发模式下自动上传css文件
- less压缩css文件
- WebStorm自动编译less
- Webstorm 创建文件使用模板自动生成代码
- 关于webStorm设置less自动编译css和sourcemap问题
- 在myeclipse8.5 中添加 dtd 文件实现xml编辑时自动提示
- less-webstorm 编译配置
- WebStorm使用之.JS文件自动压缩YUI Compressor配置
- vim自动补全等文件编辑配置
- webstoem自动编译less文件
- 关于Sublime text 3如何编辑less并转(编译)成css文件,亲测可用
- Sublime text 3如何编辑less并转(编译)成css文件
- OpenCV3中StereoBM函数的用法
- 集成科大讯飞语音听写功能
- kubernetes1.8.4安装指南 -- 2. ssh免密登录
- spring ContentNegotiationManagerFactoryBean 内容协商
- xamarin学习笔记B05(ios的UIScrollView)
- 在WebStorm里配置watcher实现编辑less文件时自动生成.css文件
- 程序4
- placeholder
- 去除android系统截屏接口
- iOS 中tableView 多选时怎么更改cell前的选中框样式
- 建筑师创建了一个可以抵御地震的可折叠房屋
- 寻梦环游记身后的皮克斯,是卢卡斯和乔布斯的梦幻成果
- XMind 8 Update6破解补丁破解过程
- Python3.x和Python2.x的区别