使用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 相关文章推荐
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
JQuery AJAX提交中文乱码的解决方案
Jul 02 Javascript
Javascript中获取出错代码所在文件及行数的代码
Sep 23 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 Javascript
javascript使用smipleChart实现简单图表
Jan 02 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
create-react-app安装出错问题解决方法
Sep 04 Javascript
Vue CL3 配置路径别名详解
May 30 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
Vue axios获取token临时令牌封装案例
Sep 11 Javascript
vue-router 按需加载 component: () => import() 报错的解决
Sep 22 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 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中使用FFMPEG获取视频缩略图和视频总时长实例
2014/05/04 PHP
PHP获取ip对应地区和使用网络类型的方法
2015/03/11 PHP
php + WebUploader实现图片批量上传功能
2019/05/06 PHP
动态修改DOM 里面的 id 属性的弊端分析
2008/09/03 Javascript
js页面跳转常用的几种方式
2010/11/25 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
2015/04/12 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
解析js如何获取css样式
2016/12/11 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
2019/09/06 Javascript
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
Python自定义简单图轴简单实例
2018/01/08 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
Python格式化字符串f-string概览(小结)
2019/06/18 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
哪些是python中web开发框架
2020/06/17 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
妈妈的账单教学反思
2014/02/06 职场文书
创新型城市实施方案
2014/03/06 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
毕业班联欢会主持词
2014/03/27 职场文书
我的理想演讲稿
2014/04/30 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
领导班子个人对照检查材料(群众路线)
2014/09/26 职场文书
平遥古城导游词
2015/02/03 职场文书
2016银行招聘自荐信
2016/01/28 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
Python多线程实用方法以及共享变量资源竞争问题
2022/04/12 Python