一、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文件相关推荐

  1. 在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件

    1.操作前确定成功安装less,检测方法,在命令行(cmd),输入lessc -v,看到如下类似内容,则说明安装过了.    如果需要生成压缩后的css的文件,则需要通过以下命令安装插件 npm in ...

  2. 安装Ruby、Sass在WebStrom添加Watcher实现编辑scss文件时自动生成.map和压缩后的.css文件...

    前言 这段时间一直在看Bootstrap,V3官方直接提供了Less版本的源码,就先将Less学完了,很简单的语法,学习写Demo都是在Webstorm里写的,配置了Watcher自动编译(详见< ...

  3. 配置eclipse,创建类/方法时自动生成作者、创建日期、方法功能等注释

    1.创建新类时自动创建注释: pattern中insert Variable:插入自己想创建的自动注释. eg: /*** @Title:TestNodes.java* @Description:TO ...

  4. Android Studio SVN配置忽略文件 1.用Android Studio创建一个项目,会在根目录和Module目录下自动生成.gitignore文件,貌似是Git的配置文件,

    Android Studio SVN配置忽略文件 1.用Android Studio创建一个项目,会在根目录和Module目录下自动生成.gitignore文件,貌似是Git的配置文件,和SVN没有关 ...

  5. 搜索的php mysql代码生成器_PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)...

    根据 Mysql 里的字段 自动生成 类文件: 但需要导入: require_once ./db/ez_sql_core.php; require_once ./db/ez_sql_mysql.php ...

  6. 如何配置log4j每天产生日志,并且当天日志大于10M时自动生成另一个文件

    http://bbs.csdn.net/topics/390635339?page=1 如何配置log4j每天产生日志,并且当天日志大于10M时自动生成另一个文件 假设 11-11日 生成comlib ...

  7. 关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js

    网上看过很多配置思路,自己总结了以下, 就把我个人配置的顺序以及材料分享下,webstrom以下简称WB 1.配置less需要安装nodejs,自行安装.因为要用到npm.我是直接把npm解压到C盘根 ...

  8. SAP WebIDE里本地运行Fiori应用后,会自动生成一个新的Destination

    我在Neo环境里通过SAP WebIDE的新建项目菜单创建了一个Fiori应用后,本地运行,会弹出如下的对话框,让用户输入Neo环境的用户名和密码: 确认之后,会自动生成一个新的Destination ...

  9. androidstudio打包apk 文件_Android 打包生成APK文件时报lintOptions配置错误

    问题描述: 今天在原来得基础上优化了部分功能,想打包成apk文件安装到手机上运行一下,结果在打包时发生了异常.具体异常如下图所示: 翻译右边的错误: Lint在组装释放目标时发现致命错误. 要继续下去 ...

最新文章

  1. 斯坦福团队是如何构建更好用的聊天 AI 呢?
  2. 计算机应用论文2500字,计算机应用论文2500字:计算机基础.doc
  3. KVM虚拟机安装、管理
  4. openstack创建外网_OpenStack的女性谈论外展,教育和指导
  5. 【iptables】编写iptables防火墙规则-2
  6. MVC学习五:Razor布局页面 _ViewStart.cshtml
  7. unity项目小记_unity webplayer Failed to update unity web player错误解决办法
  8. [软件开发] 基于Qt开发的一款免费取色器软件 - TakeColor
  9. Java后端开发需要学什么
  10. K-均值聚类算法通俗讲解
  11. 串口的原始模式和标准模式
  12. SpringBoot系列 - 集成JWT实现接口权限认证
  13. 一些javascript内容
  14. 很棒的WPF控件库 Newbeecoder.UI
  15. JXLS生成excel填充图片设置大小
  16. HTML,css和JavaScript的基础学习—JavaScript篇
  17. Mac 终端命令汇总
  18. 服务器系统centos7 x64位,在Centos7.2(64位)下搭建Web服务器
  19. 深度:传统服装品牌大量进入,老年身体机能变化催生数千亿中老年服装市场!
  20. 纪中暑假培训: Date 3:电视游戏问题

热门文章

  1. ajax通用代码,通用代码之一: 轻松使用Ajax
  2. pycharm背景图片的设置
  3. android 使用shell模拟触屏_android命令行模拟输入事件(文字、按键、触摸等)
  4. 叶片制成切片的结构示意图_更集成的发动机!洞悉UTC 3D打印整体式半叶片
  5. 查看kafka的主从状态_Kafka 集群部署
  6. influxdb tsm文件_Influxdb中TSM文件结构解析之读写TSM
  7. aix安装bff_##aix5.3升级到高版本后,安装低BFF文件的问题
  8. python逐行输出_python逐行输出
  9. Java中的字符串串联
  10. numpy中矩阵的转置_NumPy矩阵transpose()-Python中数组的转置