你知道什么是Grunt么?

摘要:
一句话,Grunt是前端的Maven。Grunt的一个模块就相当于一个工具,Grunt是由多种工具集合而成的工具箱。npminstall-ggrunt-cli//-g表示全局安装;grunt是服务器端的版本,grunt-cli是客户端版本。//NodePackageManager,即npm虽然上述命令被执行,但安装grunt-cli并不等于安装了Grunt。同样创建Grunt项目必须有两个文件,package.json文件和Gruntfile.js文件。//Gruntfile.js:用于配置或定义任务、加载Grunt插件。

一句话,Grunt是前端的Maven。它是JavaScript世界的构建工具。

1. 首先安装node.js,由于Grunt需要依赖于node.js的npm来管理和安装。最终检测安装node.js成功的标志是:在cmd的DOS命令下输入:

node -v   
npm -v   //安装node.js的时候,系统自动将命令npm加入到了系统变量中,所以在控制台可以输入。

2. 在Dos界面,用命令安装Grunt。 Grunt的一个模块就相当于一个工具,Grunt是由多种工具集合而成的工具箱。

npm install -g grunt -cli  //-g 表示全局安装; grunt是服务器端的版本, grunt-cli是客户端版本。
//Node Package Manager, 即npm

虽然上述命令被执行,但安装grunt -cli并不等于安装了Grunt。(在DOS界面下,Ctrl+C退出当前命令环境)

类似的,安装各个模块的命令:"npm install 模块名称 --save -dev"

npm install <module> --save -dev  //安装各个模块的命令

4. 完成上述两个步骤后,就可以实战Grunt项目。

我们知道在Maven中有pom.xml的配置文件来配置项目信息。同样创建Grunt项目必须有两个文件,package.json文件和Gruntfile.js文件。

//package.json:用于保存项目元数据。
//Gruntfile.js : 用于配置或定义任务、加载 Grunt 插件。

package.json的配置详情如下:    

{
"name": "qmcaifu",
"version": "1.0.1",
"description": "the web page for html5",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"author": "Zhao, Xu-Guang",
"license": "ISC"
}

完成了package.json和Gruntfile.js两个配置文件后,输入命令:

npm install 

然后在安装Grunt的CLI,Grunt CLI的任务是运行Gruntfile指定的Grunt版本。这样就可以在一台电脑上安装多个Grunt版本。

参考博客:

1.http://www.gruntjs.net/getting-started#cli

免责声明:文章转载自《你知道什么是Grunt么?》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SQL Server数据库查询速度慢的原因和解决方法内存不足引起的SIGKILL:一个缓冲区不断增长问题的定位与解决(解释SIGKILL原因)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

mvn打包时,出现数据库连接错误

原因: maven在install的时候会默认去执行test包下的test示例,导致打包失败,只需要把测试注释掉就可以了包括类上的注解,或者在install的时候跳过测试,install -Dmaven.test.skip=true 重新输入:mvn install -Dmaven.test.skip=true 打包成功!...

gitlabCI/CD部署一个java项目

1、环境准备   1)安装jdk工具 安装yum epel源 [root@k8s-node02 ~]# yum install -y epel-release 安装jdk [root@k8s-node02 ~]# yum install -y java-1.8.0-openjdk 验证jdk [root@k8s-node02 ~]# java -v...

Debian 安装 VMware

(1)检查有没有安装gcc可以通过which gcc或者whereis gcc查看。发现已安装(2)安装内核头文件内核头文件默认是会安装到/usr/src目录下。ls /usr/src查看发现目录为空,即没有安装。hohoer@debian:~$ ls /cdromhohoer@debian:~$ mount /cdrommount: block devi...

Linux配置 依赖安装

基础知识: 1 OS Operation System 作用:控制硬件,服务软件 2 VMware虚拟机: 虚拟出一台计算机环境 配置两个虚拟网卡,适配器里查看 3 在虚拟机上安装操作系统Linux 4 Linux版本: 版本:内核版本,发行版本(各个公司对其优化) 5 目录介绍 root:系统管理员登录的默认目录 home:其他用户进来的默认目录 usr...

如何俩步获取小程序前端代码

1.第一步下载一个模拟器(推荐使用自带root的模拟器),我使用的是夜神模拟器2.下载好之后,下载一个RE管理器 下载地址:https://www.yeshen.com/ 3.下载一个zip的软件用来压缩文件 4.在模拟器上装上微信,使用微信访问你需要扒下来的小程序 5.然后打开第二步安装的RE管理器,进入    /data/data/com.tencen...

jdk 自动化脚本

添加没有登录权限 需要理解linux用户,首先登陆的是root用户,拥有所有的权限,但是该权限太大,一般都会分配其他用户使用,并且在部署程序时,需要分配一个没有登录权限的用户,这样改程序不能随意被修改,如何添加没有登录权限的用户和用户组如下: groupadd groupname useradd -g groupname username -s /bin...