WEB集成开发方案-Windows 版

WEB集成开发方案-Windows 版


 

前言

 

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

1、  CSS压缩;

2、  JS压缩;

3、  JS依赖包的管理;

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

5、  项目发布

 

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

 WEB集成开发方案-Windows 版

 

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

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

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

  (1)修改CSS,多浏览器同步实时刷新。

WEB集成开发方案-Windows 版

 

  (2)修改后台代码,多浏览器同步实时刷新。

WEB集成开发方案-Windows 版  

 

  (3)多浏览器镜像。

 WEB集成开发方案-Windows 版

WEB集成开发方案-Windows 版

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

 

目录 

1、NodeJS简介与安装

2、GULP的安装与使用

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

 

NodeJS简介与安装

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

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

 

WEB集成开发方案-Windows 版

上一篇:只能开启一个子窗体


下一篇:ubuntu 12.04 下配置nvc以共享桌面到windows