使用GruntJS构建Web程序之安装篇


Posted in Javascript onJune 04, 2014

它有以下作用

    合并JS文件
    压缩JS文件
    单元测试(基于QUnit)
    一句话:完全自动化(automation)

 以下是它的安装过程。

一、安装node

参考nodejs入门 (最新的node会自动安装npm)

二、安装grunt命令行工具grunt-cli

使用-g全局安装,这样可以在任何一个目录里使用了。命令: npm install -g grunt-cli

使用GruntJS构建Web程序之安装篇

需要注意的是在linux或mac下有时会报没有权限的错误,这时须在前面加一个sudo,

使用GruntJS构建Web程序之安装篇

安装后,可以查看改工具的版本。命令: grunt -version

使用GruntJS构建Web程序之安装篇

三、安装grunt及其插件

进入到某项目根目录,使用命令: npm install grunt --save-dev

使用GruntJS构建Web程序之安装篇

使用GruntJS构建Web程序之安装篇
此时,再查看grunt版本会多了一个4.0,如下

使用GruntJS构建Web程序之安装篇

至此,安装完毕。

Javascript 相关文章推荐
javascript入门·对象属性方法大总结
Oct 01 Javascript
jQuery Ajax文件上传(php)
Jun 16 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
Dec 25 Javascript
js解析与序列化json数据(三)json的解析探讨
Feb 01 Javascript
jquery获取table中的某行全部td的内容方法
Mar 08 Javascript
js 验证密码强弱的小例子
Mar 21 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
AngularJS中的JSONP实例解析
Dec 01 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
Jan 12 Javascript
Vue实现导航栏的显示开关控制
Nov 01 Javascript
jQuery 隐藏和显示 input 默认值示例
Jun 03 #Javascript
动态读取JSON解析键值对的方法
Jun 03 #Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 #Javascript
jquery css 设置table的奇偶行背景色示例
Jun 03 #Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 #Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 #Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 #Javascript
You might like
php max_execution_time执行时间问题
2011/07/17 PHP
php DOS攻击实现代码(附如何防范)
2012/05/29 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
Laravel模糊查询区分大小写的实例
2019/09/29 PHP
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
Vue中Quill富文本编辑器的使用教程
2018/09/21 Javascript
Vue组件内部实现一个双向数据绑定的实例代码
2019/04/04 Javascript
解决vuex数据页面刷新后初始化操作
2020/07/26 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python中is与==判断的区别
2017/03/28 Python
python flask实现分页的示例代码
2018/08/02 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
Python Tornado核心及相关原理详解
2020/06/24 Python
Django如何批量创建Model
2020/09/01 Python
五款漂亮的纯CSS3动画按钮的实例教程
2014/11/21 HTML / CSS
小程序瀑布流解决左右两边高度差距过大的问题
2019/02/20 HTML / CSS
AE美国鹰美国官方网站:American Eagle Outfitters
2016/08/22 全球购物
小学教师的个人自我鉴定
2013/10/24 职场文书
中学生自我评价2015
2015/03/03 职场文书
2016年国庆节新闻稿范文
2015/11/25 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
穷人该怎么创业?谨记以下几点
2019/07/11 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书
Python实战之OpenCV实现猫脸检测
2021/06/26 Python
详解JavaScript中Arguments对象用途
2021/08/30 Javascript
三种方式清除vue路由跳转router-link的历史记录
2022/04/10 Vue.js