WebStorm
lhtzbj12
这个作者很懒,什么都没留下…
展开
-
在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件
前言WebStorm是一款非常优秀的Web前端IDE工具,本文主要介绍,如何在其Watcher中进行配置,实现编辑less文件时自动生成.map和压缩后的.css文件。笔者WebStorm版本为2016.1.1。开始动手1.操作前确定成功安装less,检测方法,在命令行(cmd),输入lessc -v,看到如下类似内容,则说明安装过了。 如果需要生成压缩后的css的文件,则需要通过以下命令安装原创 2017-02-05 19:51:24 · 22411 阅读 · 4 评论 -
编译BoostrapV3 Sass版本的源码(涉及Ruby、Sass、Compass、Watcher的配置)
前言之前已经完成了编译BoostrapV3 Less版本源码编译,按照官方的流程走可以了。由于V4版本是基于Sass的,因此有必要提前做好技术储备,尝试一下BoostrapV3 Sass版本源码的编译。开始动手1、安装Ruby下载rubyinstaller-2.3.3-x64.exe 安装(从官网下载,或者从这里链接:http://pan.baidu.com/s/1o7BxbR0 密码:rctf),原创 2017-02-15 21:23:40 · 1543 阅读 · 0 评论 -
安装Ruby、Sass在WebStrom添加Watcher实现编辑scss文件时自动生成.map和压缩后的.css文件
前言这段时间一直在看Bootstrap,V3官方直接提供了Less版本的源码,就先将Less学完了,很简单的语法,学习写Demo都是在Webstorm里写的,配置了Watcher自动编译(详见《在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件》)。 随着学习的加深,开始接触Sass了,Bootstrap V3也提供了Sass的源码,而且V4官方就只原创 2017-02-09 21:07:12 · 5453 阅读 · 0 评论 -
结合YUI Compressor在WebStrom添加Watcher实现编辑js(css)文件时自动压缩(包括自定义监听范围Scope)
前言之前的文章已经介绍了在WebStrom添加Watcher处理Less和Scss文件,可见Webstorm这方面功能还是很强大的。这篇文章将介绍如何结合YUI Compressor添加Watcher自动压缩js文件。开始动手1、安装JDK,这项工作太基础了,这里就不赘述了,安装成功后,在命令行(cmd)里可以查看版本信息。 2、下载yuicompressor-2.4.8.jar(链接:htt原创 2017-02-11 22:21:38 · 1905 阅读 · 0 评论