Front-End Automation workflow (i) Preparation

Three years ago began to contact the front end, experienced from the primitive gradually over to the industrialization of the process, take advantage of the incident is not too long, put together the problems once encountered, to make a backup, but also give hope to others to provide a little help.

Install the base environment (install as many tools as possible to reduce the number of problems you may encounter)

Windows system

1. Install the Nodejs (the premise of automation, https://nodejs.org)

2. Install Ruby (some node tools require ruby environment, https://www.ruby-lang.org)

3. Install Python (some node tools require Python environment, https://www.python.org/)

4. Install Grunt (main front-end automation is implemented by grunt-related tools, http://www.gruntjs.net/)

5. Install Yeoman (use Yeoman to create and manage projects, http://yeoman.io/)

6. Install Bower (use Bower to manage static resources, http://bower.io/)

7. Install git (Bower managed static resources will be downloaded using git, Gthub client is recommended under Windows, which provides gitshell to solve the poor Windows command line problem, https://desktop.github.com/)

8. Install SASS (if your project uses sass to write CSS styles, you need to install sass)

Linux and Mac Systems

It's easier in theory for Linux and Mac systems.

Brew (http://brew.sh/) can be installed in the MAC system first

As for the choice of Windows or Unix-like systems, I personally feel that each has their own advantages and disadvantages, to see a person likes

This article from "ferity" blog, reproduced please contact the author!

Front-End Automation workflow (i) Preparation