使用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 读取xml,写入xml 实现代码
Jul 10 Javascript
jquery 提交值不为空的元素示例代码
May 10 Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
javascript实现类似超链接的效果
Dec 26 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
May 17 Javascript
jQuery下拉框的简单应用
Jun 24 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
简单实现jquery隔行变色
Nov 09 jQuery
vue-cli3中vue.config.js配置教程详解
May 29 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
require(),include(),require_once()和include_once()的异同
2007/01/02 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
PHP中几个可以提高运行效率的代码写法、技巧分享
2014/08/21 PHP
php+flash+jQuery多图片上传源码分享
2020/07/27 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
jQuery 遍历函数详解
2015/07/05 Javascript
详解JavaScript中常用的函数类型
2015/11/18 Javascript
JavaScript常用函数工具集:lao-utils
2016/03/01 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
使用bat打开多个cmd窗口执行gulp、node
2017/02/17 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
2017/07/18 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
2017/08/29 Javascript
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
2018/10/18 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
js实现div色块碰撞
2020/01/16 Javascript
webpack+vue.js构建前端工程化的详细教程
2020/05/10 Javascript
Vue将props值实时传递 并可修改的操作
2020/08/09 Javascript
在vue中嵌入外部网站的实现
2020/11/13 Javascript
深入理解Python对Json的解析
2017/02/14 Python
python函数参数(必须参数、可变参数、关键字参数)
2019/08/16 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
双十佳事迹材料
2014/01/29 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
大学生全国两会报告感想
2014/03/17 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
运动会横幅标语
2014/06/17 职场文书
会计求职自荐信
2014/06/20 职场文书
端午节活动总结报告
2015/02/11 职场文书
详解Python描述符的工作原理
2021/06/11 Python
JavaScript中时间格式化新思路toLocaleString()
2021/11/07 Javascript