在WebStorm里配置watcher实现编辑less文件时自动生成.css文件
一、webstrom自动生成css文件
1.安装 nodejs
//查看nodejs版本 node -v
//查看npm版本 npm -v
//全局安装less npm install -g less
2.配置webStrom
添加external Tools
parameters是默认地址的话 直接点insert就行
(Progrem 自己的安装位置 F:\NODE\node.exe)
(parameters:C:\Users\Administrator\AppData\Roaming\npm)
添加watcher
新建一个less文件,就会自动生成.css,实时编译,如图:
二、node.js编译less文件,转换为css文件
可以用nodejs直接编译less文件,但是不能时时编译。
如:
lessc 需要编译的less名和路径 > 生成的css名和路径
转载于:https://www.cnblogs.com/leeSmile/p/8483603.html
在WebStorm里配置watcher实现编辑less文件时自动生成.css文件相关推荐
- 在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件
1.操作前确定成功安装less,检测方法,在命令行(cmd),输入lessc -v,看到如下类似内容,则说明安装过了. 如果需要生成压缩后的css的文件,则需要通过以下命令安装插件 npm in ...
- 安装Ruby、Sass在WebStrom添加Watcher实现编辑scss文件时自动生成.map和压缩后的.css文件...
前言 这段时间一直在看Bootstrap,V3官方直接提供了Less版本的源码,就先将Less学完了,很简单的语法,学习写Demo都是在Webstorm里写的,配置了Watcher自动编译(详见< ...
- 配置eclipse,创建类/方法时自动生成作者、创建日期、方法功能等注释
1.创建新类时自动创建注释: pattern中insert Variable:插入自己想创建的自动注释. eg: /*** @Title:TestNodes.java* @Description:TO ...
- Android Studio SVN配置忽略文件 1.用Android Studio创建一个项目,会在根目录和Module目录下自动生成.gitignore文件,貌似是Git的配置文件,
Android Studio SVN配置忽略文件 1.用Android Studio创建一个项目,会在根目录和Module目录下自动生成.gitignore文件,貌似是Git的配置文件,和SVN没有关 ...
- 搜索的php mysql代码生成器_PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)...
根据 Mysql 里的字段 自动生成 类文件: 但需要导入: require_once ./db/ez_sql_core.php; require_once ./db/ez_sql_mysql.php ...
- 如何配置log4j每天产生日志,并且当天日志大于10M时自动生成另一个文件
http://bbs.csdn.net/topics/390635339?page=1 如何配置log4j每天产生日志,并且当天日志大于10M时自动生成另一个文件 假设 11-11日 生成comlib ...
- 关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js
网上看过很多配置思路,自己总结了以下, 就把我个人配置的顺序以及材料分享下,webstrom以下简称WB 1.配置less需要安装nodejs,自行安装.因为要用到npm.我是直接把npm解压到C盘根 ...
- SAP WebIDE里本地运行Fiori应用后,会自动生成一个新的Destination
我在Neo环境里通过SAP WebIDE的新建项目菜单创建了一个Fiori应用后,本地运行,会弹出如下的对话框,让用户输入Neo环境的用户名和密码: 确认之后,会自动生成一个新的Destination ...
- androidstudio打包apk 文件_Android 打包生成APK文件时报lintOptions配置错误
问题描述: 今天在原来得基础上优化了部分功能,想打包成apk文件安装到手机上运行一下,结果在打包时发生了异常.具体异常如下图所示: 翻译右边的错误: Lint在组装释放目标时发现致命错误. 要继续下去 ...
最新文章
- 斯坦福团队是如何构建更好用的聊天 AI 呢?
- 计算机应用论文2500字,计算机应用论文2500字:计算机基础.doc
- KVM虚拟机安装、管理
- openstack创建外网_OpenStack的女性谈论外展,教育和指导
- 【iptables】编写iptables防火墙规则-2
- MVC学习五:Razor布局页面 _ViewStart.cshtml
- unity项目小记_unity webplayer Failed to update unity web player错误解决办法
- [软件开发] 基于Qt开发的一款免费取色器软件 - TakeColor
- Java后端开发需要学什么
- K-均值聚类算法通俗讲解
- 串口的原始模式和标准模式
- SpringBoot系列 - 集成JWT实现接口权限认证
- 一些javascript内容
- 很棒的WPF控件库 Newbeecoder.UI
- JXLS生成excel填充图片设置大小
- HTML,css和JavaScript的基础学习—JavaScript篇
- Mac 终端命令汇总
- 服务器系统centos7 x64位,在Centos7.2(64位)下搭建Web服务器
- 深度:传统服装品牌大量进入,老年身体机能变化催生数千亿中老年服装市场!
- 纪中暑假培训: Date 3:电视游戏问题
热门文章
- ajax通用代码,通用代码之一: 轻松使用Ajax
- pycharm背景图片的设置
- android 使用shell模拟触屏_android命令行模拟输入事件(文字、按键、触摸等)
- 叶片制成切片的结构示意图_更集成的发动机!洞悉UTC 3D打印整体式半叶片
- 查看kafka的主从状态_Kafka 集群部署
- influxdb tsm文件_Influxdb中TSM文件结构解析之读写TSM
- aix安装bff_##aix5.3升级到高版本后,安装低BFF文件的问题
- python逐行输出_python逐行输出
- Java中的字符串串联
- numpy中矩阵的转置_NumPy矩阵transpose()-Python中数组的转置