Bootstrap compiled CSS and Javascript-0 Basic installation Grunt Tutorials

Last night I saw Bootstrap. The global CSS style uses the less section to recompile CSS and JavaScript files using grunt, and for those of me who have never touched the Windows CMD node console npm, learning is a lot more difficult.

Then we follow the tutorial step by step:

First step: Install node. js

Website: https://nodejs.org/en/download/

Download version: Node-v6.10.2-x64.msi

If you encounter 2502 2503 errors, you can view this address, measured effectively, insufficient permissions caused by the problem:

Http://blog.csdn.net/shuideyidi/article/details/46891559#comments#0-tsina-1-94252-397232819ff9a47a7b7e80a40613cfe1

Step two: Install in the Global Environment grunt-cli : npm install -g grunt-cli .

Shortcut key win + R enter cmd in the Run box , open the system command to execute the program, enter the following, Please be careful not to enter the front grunt-cli:

　　

Installation succeeded:

　　

Step three: Go /bootstrap/ to the root directory and execute the npm install command. NPM will read the package.json file and automatically install any dependent expansion packs listed in this file.

The problem here is how to enter the root directory, as a face of the new people, Baidu for a long time. Only 2 DOS commands are required to use the 1:CD. 2:CD * *

CD: Returns the parent folder, for example:

　　

CD * *: Enter a folder, for example:

　　

Knowing this will know how to enter the bootstrap root directory.

After entering the Bootsrap root directory, you need to perform NPM install

After execution is still open cmd input grunt dist OK ~

　　

　　

Bootstrap compiled CSS and Javascript-0 Basic installation Grunt Tutorials