我的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 还不是很懂,这里也无法写下更多。