node.js前端快速工具箱

以下功能有的可以在IDE（例如web storm）中直接调用，有的有很多在线的工具，我现在住的地方网络很渣，用npm全局安装好后可以离线用，我又比较喜欢敲命令，就总结了几个自己常用的。

uncss

清除没用的css代码，并生成新的文件

安装

npm install -g uncss 

用法

uncss https://10010.be/index.html >style.css

如果你的网络不是很好的话可能会卡在下载phantomjs文件那里，可以复制地址手动将这个zip文件下载下来，放到，提示的目录下（例如windows是 /C/Users/chao/AppData/Local/Temp/phantomjs/）。

http-server

快速开启一个简单的http服务器，用于预览html+css效果，而不是用

file:///C:/Users/chao/Desktop/ch1.html

安装

npm install -g http-server

用法，在需要使用

http-server

svgo

压缩.svg文件

安装

npm install -g svgo

使用

svgo logomini.svg

svgz to svg 并压缩

gunzip -c test.svgz | svgo -i - -o test.min.svg

svg to scgz并压缩

svgo test.svg -o - | gzip -cfq9 > test.svgz

查看帮助

svgo -h

支持文件夹批量导出导入

clean-css-cli

clean-css的一个分支，在命令下压缩或反压缩css代码

安装

npm install -g clean-css-cli

压缩

cleancss -o one.min.css one.css

反压缩 并生成文件

cleancss --format beautify one.css >test.css

注意最好换成淘宝源，这样速度更快一点

npm install -g cnpm --registry=https://registry.npm.taobao.org