我的Grunt之旅-序章

时间：2018-03-05 13:52  事件：安装Grunt

相关网址：

　　grunt官网：https://gruntjs.com

　　node.js下载地址 ：https://nodejs.org/en/

 

　　下载nodejs并安装，安装完成之后通过cmd命令进入cmd窗口 通过 path 检测PATH环境变量是否配置了Node.js。

　　之后，依然是cmd窗口 执行  node --version  命令查看nodejs版本。成功出现版本号，至此，nodejs安装完成。

　　现在来看看npm是否安装好了， 还是cmd窗口  通过 命令  npm -v 来查看当前npm的版本号 (测试，任意位置输入npm -v 都起作用)。

 

　　现在安装 grunt-cli  ，通过命令 npm install -g grunt-cli (没有特别标注，说明都是在cmd中) 安装。

　　

　　(安装完毕之后的提示截图)

============================华丽丽的分割线==========================================

 

　　从无到有建立一个grunt项目

　　新建一个文件夹，我命名为grunt-project-one。在该文件夹下创建一个index.html页面和一个fun.js的js文件。

　　弄好之后，cmd窗口，进入grunt-project-one目录 (进入文件夹命令 cd 文件夹名字)，执行命令 npm init

　　

　　此时，再去目录下面，会发现多了一个 package.json 的文件。但是此时，该文件并没有被引入grunt，因为没有关联dependence（第一次接触，并不了解这是个啥，以后了解了做补充）。

　　关联 dependence的命令 ，文件当前目录下执行命令  npm install grunt --save-dev  (这里标注一下，该命令是写入到devDependencies).

　　此时，项目会自动生成一个 package.json的文件，然后我们自己创建一个Gruntfile.js的文件。

　　package.json: 此文件被npm用于存储项目的元数据，以便将此项目发布为npm模块。可以在该文件中列举一些需要用的grunt插件。 执行npm install命令，会自动安装该文件中列举的插件。安装完成之后可以 使用 grunt --help 命令来查看有关的命令。

　　Gruntfile: 用来配置或定义任务（task）并加载Grunt插件的。 

　　到这里先告一段落，短短的一个小时，关于 Gruntfile 还不是很懂，这里也无法写下更多。