Web Integration Development Solution version-windows

Web Integration Development Solution version-windows

Objective

Here are some questions to solve today:

1, CSS compression;

2, JS compression;

3, JS-dependent package management;

4, each terminal browser automatic real-time synchronization, free of repeated manual refresh and clear cache work, very suitable for responsive development.

5. Project Release

First look at the traditional development model, from coding, debugging to release, to do a number of repeated tedious operation, for a long time, will waste a lot of precious times, work efficiency is very low.

It is not difficult to see, CSS and JS compression, the need to install the corresponding tool, but also the possibility of each time to execute the corresponding command. Often in the development directory there are many auxiliary files or code, do not want to push the line, so at the time of release, it is also laborious to filter the copy of the final code to the production environment.

So is there a way to automate these tasks? Once also self-willed to develop a set of automated tools, indifferent to look back, only to find that there are many high-tech invented more advanced technology, with the times, but also small try to help us improve efficiency.

Not to talk about the concept of empty, directly see what we want to achieve what effect, can bring us what kind of benefits.

　　(1) Modify CSS, multi-browser synchronization real-time refresh.

　　(2) Modify the background code, multi-browser synchronization real-time refresh.

　　

　　(3) Multi-browser mirroring.

Do you want to try it yourself? In fact, far more than these features, here is a detailed description of how to build such an environment.

Catalogue

1, Nodejs Introduction and installation

2, the installation and use of Gulp

3. Introduction of the use and principle of browsersync tools

Nodejs Introduction and Installation

Baidu explains: node. JS is a platform built on the chrome JavaScript runtime to easily build fast, easy-to-scale Web applications. With event-driven, node. js, the non-blocking I/O model becomes lightweight and efficient, making it ideal for data-intensive, real-time applications running on distributed devices.

Personal understanding: Nodejs is a JS parser, through its provided JS syntax API, can build a series of applications, like Java and JDK, developed applications can run in the JVM.

Web Integration Development Solution version-windows