使用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 相关文章推荐
event.X和event.clientX的区别分析
Oct 06 Javascript
使用javascript创建快捷方式的简单实例
Aug 09 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
jQuery源码分析之sizzle选择器详解
Feb 13 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
jquery实现图片轮播器
May 23 jQuery
vue解决一个方法同时发送多个请求的问题
Sep 25 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
node删除、复制文件或文件夹示例代码
Aug 13 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
Nov 01 Javascript
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
学前端,css与javascript重难点浅析
Jun 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
Oracle Faq(Oracle的版本)
2006/10/09 PHP
PHP脚本数据库功能详解(下)
2006/10/09 PHP
PHP排序算法的复习和总结
2012/02/15 PHP
php后门URL的防范
2013/11/12 PHP
Javascript之文件操作
2007/03/07 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
Jquery实现显示和隐藏的4种简单方式
2013/08/28 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
JS父页面与子页面相互传值方法
2014/03/05 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
jquery实现具有收缩功能的垂直导航菜单
2016/02/16 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
vue 使用 canvas 实现手写电子签名
2020/03/06 Javascript
Javascript实现鼠标移入方向感知
2020/06/24 Javascript
谈谈JavaScript中的函数
2020/09/08 Javascript
手机浏览器唤起微信分享(JS)
2020/10/11 Javascript
python中管道用法入门实例
2015/06/04 Python
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
Python中if elif else及缩进的使用简述
2018/05/31 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
HTML5输入框下拉菜单功能的示例代码
2020/09/08 HTML / CSS
家长学校工作方案
2014/05/07 职场文书
离职证明范本(5篇)
2014/09/19 职场文书
2014基建处领导班子“四风”对照检查材料思想汇报
2014/10/04 职场文书
副总经理岗位职责
2015/02/02 职场文书
匿名检举信范文
2015/03/02 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
关于车尾的标语大全
2015/08/11 职场文书
品德与社会教学反思
2016/02/24 职场文书
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技