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

网上看过很多配置思路,自己总结了以下,

就把我个人配置的顺序以及材料分享下,webstrom以下简称WB

1、配置less需要安装nodejs,自行安装。因为要用到npm.我是直接把npm解压到C盘根目录的,先下载解压好待用

  npm解压包百度云下载地址:http://pan.baidu.com/s/1bpdnmGZ

  (yuicompressor-2.4.2.jar 这个是WB配置让CSS或者JS自动生成.mincss/.minjs的压缩工具,不是配置LESS的工具哦,

    使用很简单不用解压,比我直接放在C盘根目录

  百度盘下载地址:http://pan.baidu.com/s/1hsrqiB6   )

2、打开WB-设置(settings)-Tools-file watcher如下图(我配置好了,所以中间有三个对号,没配置是空白)

3、点击右上角的  +  号你会看到如下图

4、选择点击LESS,弹出如下图,再点击绿色小圈这就是上述1中npm的解压路径,如果你解压再这里,跟下面一样就可以了

5、点击OK 如果如下图就配置好了

6、下面说下怎么配置自动压缩工具,这里才会用到1中提到的yuicompressor-2.4.2.jar,自己下载保存好

  A同上打开WB  找到那个 +  号

  

  B选择YUI Compressor CSS,自动压缩CSS,JS类似就是它下面那个

  C点击后如下图,点击绿色小圈,我把yuicompressor-2.4.2.jar放在C盘根目录的,所以我的路径如下

  

  点击KO如下就配置好了

  

时间: 2024-12-24 05:43:11

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

自动生成公钥并自动写入到特定服务器脚本

普遍账号需开的sudo权限 zhi.yang   ALL=(ALL:ALL)NOPASSWD:/usr/bin/tee -a /root/.ssh/authorized_keys,/bin/mkdir /log/* # expect/usr/local/bin/sshkey.exp 10.0.0.3 shaa01 zhi.yang xxxxx #!/usr/bin/expect set ip [lindex $argv 0] set hostname [lindex $argv 1] set u

使用Encoder-Decoder模型自动生成对联的思路

/* 版权声明:可以任意转载,转载时请标明文章原始出处和作者信息 .*/ author: 张俊林 在我看到第一篇Encoder-Decoder模型的论文的时候,我就觉得用这个来作对联自动生成是再合适不过的了,做诗词应该也是比较适合的,但是相对诗词,用它来做对联肯定更合适.今天的文章就讲讲这方面的内容.这篇文章主体内容是2015年底形成的,本来我的打算是收集些训练数据,让Encoder-Decoder+Attention生成些对联把这篇文章补充些例子再发出去,不过因为精力原因,迟迟没有做这个实验,

条款6:若不想使用编译器自动生成的函数,就该明确拒绝

如果自己定义的类中并不需要copy assignment操作符或者copy构造函数,为了避免编译器自动生成 因为编译器自动生成的没什么用,一般是按照顺序进行赋值或者拷贝,对于有对象内含有指针的话可能会出现一些问题 可以在private中声明(并不定义)它们.但是,友元和成员函数依然可以调用它们. 在C++11标准中可以用如下方法: class A { public: A(const A&) = delete;//不实现的函数可以不用写参数,光是声明其实也可以不用写参数 A operator=(c

json 对c++类的序列化(自动生成代码)

[动机] 之前写网络协议的时候,使用的是google protobuf,protobuf不但在性能和扩展性上有很好的优势,protoc自动生成c++类代码的工具,这点确实给程序员带来了很多便利. 做后面一项目使用的json格式来传输,然后就萌生了实现像protoc这样的工具,根据json文件来生成c++类代码,并且生成序列化代码,这样在写网络的时候就无需把jsonvalue序列化散落在各处. [思路] 之前写object-c的时候,如果你要对类的序列化,你必须实现NSCoding协议(接口),

Word 2010文档自动生成目录和更新目录的方法

一.Word 2010文档自动生成目录 关于Word文档自动生成目录一直是我身边同学们最为难的地方,尤其是毕业论文,经常因为目录问题,被要求修改,而且每次修改完正文后,目录的内容和页码可能都会发生变化,因此需要重新调整.那么有没有简单的办法让Word文档自动生成目录和自动更新目录呢?现在大部分人使用的Office 2010,之前的自动生成目录的方法又不太适用了.所以本文就以Word 2010为例进行自动生成目录和更新目录的操作设置方法. 先说一下如果要使用自动生成目录功能,需要对文章中对应的标题

根据表结构自动生成JavaBean,史上最强最专业的表结构转JavaBean的工具(第11版)

目录: 第1版:http://blog.csdn.net/vipbooks/article/details/51912143 第2版:http://blog.csdn.net/vipbooks/article/details/51912537 第3版:http://blog.csdn.net/vipbooks/article/details/51912750 第4版:http://blog.csdn.net/vipbooks/article/details/51912930 第5版:http:/

七色花基本权限系统(5)- 实体配置的使用和利用T4自动生成实体配置

在前面的章节里,用户表的结构非常简单,没有控制如何映射到数据库.通常,需要对字段的长度.是否可为空甚至特定数据类型进行设置,因为EntityFramework的默认映射规则相对而言比较简单和通用.在这篇日志里,将演示如何对数据实体进行映射配置,并利用T4模板自动创建映射配置类文件. 配置方式 EntityFramework的实体映射配置有2种. 第一种是直接在实体类中以特性的方式进行控制,这些特性有部分是EF实现的,也有部分是非EF实现的.也就是说,在数据实体层不引用EF的情况下,只能使用不全的

在WebStorm里配置watcher实现编辑less文件时自动生成.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) 添加watche

ASP.NET MVC 3 配置EF自动生成模型

Tools(工具) =>  扩展工具 => Nuget Tools(工具) => Nuget=>程序包管理器控制台 Nuget 程序包管理器 => Install-Package EntityFramework  (为了安装Efcodefirst) EFCodeFirst => entity framework.dll(控制器用到EF的时候需要添加引用 ,目前版本是6.1) EfPowerTools => 模型生成器 类 => 右键 => entity