使用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 相关文章推荐
Prototype使用指南之range.js
Jan 10 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
Mar 01 Javascript
基于jquery的不规则矩形的排列实现代码
Apr 16 Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 Javascript
JavaScript生成简单等差数列
Nov 28 Javascript
Node.js Buffer用法解读
May 18 Javascript
vue v-for 使用问题整理小结
Aug 04 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
Oct 22 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定界符
2014/06/19 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
php 5.4 全新的代码复用Trait详解
2017/01/05 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
JS 统计时间
2021/03/09 Javascript
工作中常用到的JS表单验证代码(包括例子)
2010/11/11 Javascript
JavaScript实现16进制颜色值转RGB的方法
2015/02/09 Javascript
javasript实现密码的隐藏与显示
2015/05/08 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
2016/05/31 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
AngularJS使用ng-repeat指令实现下拉框
2016/08/23 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
layer弹出层框架alert与msg详解
2017/03/14 Javascript
js canvas实现QQ拨打电话特效
2017/05/10 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
Angular进行简单单元测试的实现方法实例
2020/08/16 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
Python模拟百度登录实例详解
2016/01/20 Python
python爬虫超时的处理的实例
2018/12/19 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
python小程序实现刷票功能详解
2019/07/17 Python
利用CSS3实现圆角的outline效果的教程
2015/06/05 HTML / CSS
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
大学四年职业生涯规划书范文
2014/01/02 职场文书
保卫工作个人总结
2015/03/03 职场文书
工作违纪的检讨书范文
2019/07/09 职场文书