WEB集成开发方案-Windows 版

前言

今天要解决下面几个问题：

1、  CSS压缩；

2、  JS压缩；

3、  JS依赖包的管理；

4、  各终端浏览器自动实时同步，解脱反复手动刷新与清缓存工作，非常适合响应式开发。

5、  项目发布

首先看下传统的开发模式，从编码、调试到发布，要做若干反复繁琐的操作，长期以来，会浪费很多宝贵的时间，工作效率是很低的。

 　　不难看出，css与js的压缩，需要安装对应的工具，而且还有可能每次都要执行下对应的命令。往往开发目录中还有很多辅助的文件或代码，不希望推上线，所以在发布时，还要费劲的去筛选拷贝最终的代码到生产环境。

　　那么有没有一种方法，自动完成这些工作呢？曾经也任性的开发了一套自动化的工具，漠然回首，才发现已有很多高人发明了更先进的技术，与时俱进，也小试一把，帮助我们提高工作效率。

　　先不讲空洞的概念，直接看下我们要实现什么样的效果，能给我们带来什么样的好处。　　

（1）修改CSS，多浏览器同步实时刷新。

（2）修改后台代码，多浏览器同步实时刷新。

（3）多浏览器镜像。

　　是不是很想亲自尝试一下？其实还远不止这些功能，下面就详细介绍如何搭建这样一个环境。

目录 

1、NodeJS简介与安装

2、GULP的安装与使用

3、BrowserSync工具的使用与原理介绍

NodeJS简介与安装

　　百度解释：Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台， 用来方便地搭建快速的 易于扩展的网络应用· Node.js 借助事件驱动， 非阻塞I/O 模型变得轻量和高效， 非常适合 运行在分布式设备 的 数据密集型 的实时应用。

　　个人理解：NodeJS就是一个JS解析器，通过其提供的JS语法的API，可以构建一系列应用程序，就好比java与JDK，开发出的应用可以在JVM中运行。

原文：http://www.cnblogs.com/dzut/p/4256572.html