使用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设置css属性的代码
Dec 28 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
js中array的sort()方法使用介绍
Feb 20 Javascript
JavaScript实现显示函数调用堆栈的方法
Apr 21 Javascript
js判断手机系统是android还是ios
Mar 07 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
基于daterangepicker日历插件使用参数注意的问题
Aug 10 Javascript
js getBoundingClientRect使用方法详解
Jul 17 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 Javascript
微信小程序实现倒计时功能
Nov 19 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中的正规表达式(一)
2006/10/09 PHP
php如何调用webservice应用介绍
2012/11/24 PHP
编写PHP脚本过滤用户上传的图片
2015/07/03 PHP
Java中final关键字详解
2015/08/10 PHP
PHP递归统计系统中代码行数
2019/09/19 PHP
键盘控制事件应用教程大全
2006/11/24 Javascript
phpwind放自动注册方法
2006/12/02 Javascript
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
从数组中随机取x条不重复数据的JS代码
2013/12/24 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
JS实现HTML页面中动态显示当前时间完整示例
2018/07/30 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
在Python中使用mechanize模块模拟浏览器功能
2015/05/05 Python
浅析Python中将单词首字母大写的capitalize()方法
2015/05/18 Python
利用Python为iOS10生成图标和截屏
2016/09/24 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
Python学习笔记之pandas索引列、过滤、分组、求和功能示例
2019/06/03 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
PyTorch中反卷积的用法详解
2019/12/30 Python
Python Socket TCP双端聊天功能实现过程详解
2020/06/15 Python
Python使用itcaht库实现微信自动收发消息功能
2020/07/13 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
Opencv 图片的OCR识别的实战示例
2021/03/02 Python
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
美国最大的城市服装和运动鞋零售商:Jimmy Jazz
2016/11/19 全球购物
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
企业活动策划方案
2014/06/02 职场文书
微电影大赛策划方案
2014/06/05 职场文书
2015年社区文体活动总结
2015/03/25 职场文书
合理化建议书范文
2015/09/14 职场文书
珍惜时间的诗歌赏析
2019/08/23 职场文书