令人惊叹的Npm插件（软件）

1.http-server (简单搭建http服务器)

PS：有些时候可能开启的cmd窗口比较多，难免会杀不死进程，导致端口被占。

有两种方法解决：

1.使用cmd命令关闭端口。

查看端口号 netstat -aon|findstr [端口号]

关闭端口号上的PID Taskkill /PID [PID号] /F

2.使用图形工具。比如“电脑管家”。

打开“电脑管家”，找到“工具箱”



找到“网络连接”



查看网络连接情况。



特别注意一点，要点下面的“显示本地连接”，才能看到本地连接被占的端口。



2.cssnano (css多功能优化工具)

PS:比uncss功能更全。

3.Prepack (js专业优化工具)

4.Gulp (简单的前端自动化构建工具)

PS：Gulp插件

gulp-html-replace (将多个css与js外链合并)

gulp-concat-css (将多个@importd的css合并)

gulp-rename (文件名重名)

gulp-replace-src (替换输出的url路径)

gulp-babel (将ES6代码编译成ES5)

gulp-plumber (阻止 gulp 插件发生错误导致进程退出)

gulp-less (编译less)

gulp-sass (编译sass)

gulp-clean-css (压缩css)

gulp-minify-css-names (压缩css命名)

gulp-htmlmin (压缩html)

gulp-uglify (压缩js)

gulp-rev (自动给js与css加版本号)

gulp-imagemin (图片优化)

easy-beautify (格式化JavaScript，HTML和CSS)

5.Webpack (复杂的模块加载与打包的前端自动化构建工具)

6.bemify (基于scss/sass语法编写可维护的css代码)

PS：这是一个很好组织css代码的css预处理文件。编写出Airbnb编码风格的css。

7.SortSass（基于scss/sass语法排序css属性）

8.Weinre (移动web页面调试工具)

9.treer (快速生成当前目录结构描述)