我的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 还不是很懂,这里也无法写下更多。
最新文章
- 计算机程序的思维逻辑 (33) - Joda-Time
- iOS开发之Core Animation
- php+redis window
- Java基础:继承,封装,多态,抽象类,接口
- Java源码初学_ArrayList
- SecureCrt 利用公匙登录L机取消密码登录。
- nginx配置解读
- 【重走Android之路】【番外篇】有关于null的一些知识点
- ECMAScript6入门系列一
- postman接口测试工具3.0版本的坑
- PHPCMS V9{loop subcat(0,0,0,$siteid) $r}怎么解释?
- 字符串编码问题(Ascii、Unicode、UCS-2、GBK、UTF-8)
- MySQLSyntaxErrorException: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ...
- 树上操作[HAOI 2015]
- 监控redis
- mysql ON DUPLICATE KEY UPDATE 与 REPLACE INTO 的区别
- Confluence 6 通过 SSL 或 HTTPS 运行 - 确定你的证书路径
- GCC编译过程与动态链接库和静态链接库
- [Reprinted] 使用Spring Data Redis操作Redis(一) 很全面
- SQLite4Unity3d
热门文章
- SpringBoot常用注解解析
- GCC 升级
- 2019年 我的phper之路,时光没了,头发还在
- ElementUI 日期选择器 datepicker 选择范围限制
- git github 对代码的管理
- nginx 书籍
- 在Centos上安装Postgre SQL
- [mjpeg @ ...] unable to decode APP fields: Invalid data found when processing input
- 2.分析Ajax请求并抓取今日头条街拍美图
- golang自定义error