从无到有创建一个grunt项目

在安装好grunt的前提下创建一个grunt的项目：

1、首先创建一个项目文件

就叫grunt-project

2、进入这个文件

创建一个index.html

在创建一个js文件，进去创建一个index.js

3、回到根目录

cd ..

终端命令为

 haonandeMacBook-Pro:workspace haonan$ mkdir grunt-project
 haonandeMacBook-Pro:workspace haonan$ cd grunt-project
 haonandeMacBook-Pro:grunt-project haonan$ vim index.html
 haonandeMacBook-Pro:grunt-project haonan$ mkdir js
 haonandeMacBook-Pro:grunt-project haonan$ cd js
 haonandeMacBook-Pro:js haonan$ vim index.js
 haonandeMacBook-Pro:js haonan$ cd..
 -bash: cd..: command not found
 haonandeMacBook-Pro:js haonan$ cd ..

4、创建package.json文件

在项目根目录下执行(不管是老项目还是新建的项目都可以这样执行)

 npm init

会提示

 Press ^C at any time to quit.
 name: (grunt-project)
 version: (1.0.0)  //版本号
 description: learn grunt prohject  //项目运行时的描述
 entry point: (index.js)  //项目的入口文件
 test command: //测试命令
 git repository:  //git仓库地址
 keywords: grunt //关键词
 author: haonan //作者
 license: (ISC)   //协议
 About to write to /Users/leleda002/workspace/grunt-project/package.json:

 {
   "name": "grunt-project",
   "version": "1.0.0",
   "description": "learn grunt prohject",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [
     "grunt"
   ],
   "author": "haonan",
   "license": "ISC"
 }

 Is this ok? (yes) yes

这个时候在项目下就会多出一个package.json文件

看这个文件 就发现没有关联dependence

5、关联dependence,也就是引入grunt，在项目根目录下执行

 npm install grunt --save-dev

6、接下来要用什么插件安装什么插件，例如

 npm install load-grunt-tasks --save-dev
 --save-dev是为了让直接改变保存到package.json文件中

7、生成gruntfile.js文件

 vim gruntfile.js

编写gruntfile.js文件