使用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 相关文章推荐
CheckBox 如何实现全选?
Jun 23 Javascript
Mootools 1.2教程 同时进行多个形变动画
Sep 15 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
Sep 11 Javascript
jQuery中事件与动画的总结分享
May 24 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
Jun 12 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
Jul 01 Javascript
JavaScript实现一个空中避难的小游戏
Jun 06 Javascript
vue router 组件的高级应用实例代码
Apr 08 Javascript
vue跳转页面的几种方法(推荐)
Mar 26 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 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字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
ThinkPHP 表单自动验证运用示例
2014/10/13 PHP
PHP实现一个多功能购物网站的案例
2017/09/13 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
getElementById在任意一款浏览器中都可以用吗的疑问回复
2007/05/13 Javascript
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
2015/02/04 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
详解jQuery简单的表格应用
2016/12/16 Javascript
js编写三级联动简单案例
2016/12/21 Javascript
分分钟玩转Vue.js组件(二)
2017/03/01 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
Vue创建头部组件示例代码详解
2018/10/23 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
vue实现手机端省市区区域选择
2019/09/27 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
python 字符串格式化代码
2013/03/17 Python
python实现简单的文字识别
2018/11/27 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
基于matplotlib xticks用法详解
2020/04/16 Python
CSS3实现滚动条动画效果代码分享
2016/08/03 HTML / CSS
新西兰购物网站:TheMarket NZ
2020/09/19 全球购物
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
汽车技术服务与营销专业推荐信
2013/11/29 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
生物学学生自我评价
2014/01/17 职场文书
行政内勤岗位职责
2014/04/07 职场文书
婚宴来宾致辞
2015/07/28 职场文书
感恩教师主题班会
2015/08/12 职场文书
详解Vue项目的打包方式(生成dist文件)
2022/01/18 Vue.js