使用GruntJS构建Web程序之安装篇
更新时间：2014年06月04日 09:47:58 作者：
Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。
它有以下作用
合并JS文件
压缩JS文件
单元测试（基于QUnit）
一句话：完全自动化（automation）
以下是它的安装过程。
一、安装node
参考nodejs入门 （最新的node会自动安装npm）
二、安装grunt命令行工具grunt-cli
使用-g全局安装，这样可以在任何一个目录里使用了。命令: npm install -g grunt-cli
需要注意的是在linux或mac下有时会报没有权限的错误，这时须在前面加一个sudo，
安装后，可以查看改工具的版本。命令: grunt -version
三、安装grunt及其插件
进入到某项目根目录，使用命令: npm install grunt --save-dev
此时，再查看grunt版本会多了一个4.0，如下
至此，安装完毕。
您可能感兴趣的文章:
- Node.js的项目构建工具Grunt的安装与配置教程
- 使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
- 学习使用grunt来打包JavaScript和CSS程序的教程
- 配置Grunt的Task时通配符支持和动态生成文件名问题
- Grunt入门教程(自动任务运行器)
- 详解Grunt插件之LiveReload实现页面自动刷新（两种方案）
- 使用GruntJS构建Web程序之Tasks（任务）篇
- 使用GruntJS构建Web程序之合并压缩篇
- 使用GruntJS构建Web程序之构建篇
- 使用GruntJS链接与压缩多个JavaScript文件过程详解
- 使用Grunt.js管理你项目的应用说明
- 基于Node.js的JavaScript项目构建工具gulp的使用教程
相关文章
这篇文章主要为大家详细介绍了js css自定义分页效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
怎么样让多个输入框中的内容同时变化？一般又要兼容IE与firefox2010-01-01
这篇文章主要给大家介绍了关于Echarts重新渲染的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-05-05
这篇文章主要为大家详细介绍如何完美实现js选项卡切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
addEventListener()与removeEventListener()解析
这篇文章主要为大家详细介绍了addEventListener()与removeEventListener()，用于处理指定和删除事件处理程序操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了ES6知识点整理之函数数组参数的默认值及其解构应用,结合实例形式分析了ES6函数数组参数解构赋值和默认值的设置相关操作技巧,需要的朋友可以参考下2019-04-04
el-table el-table-column表头嵌套循环数据的示例代码
本文介绍了使用两个数组来实现el-table中表头的嵌套循环,一个数组用于循环表格数据,另一个用于循环表头,帮助读者更好地理解和应用表头嵌套功能,感兴趣的朋友跟随小编一起看看吧2024-09-09
JSDoc 是一种 JavaScript 文档注释规范,它允许开发者为 JavaScript 代码添加注释,下面就跟随小编一起来学习一下它的具体使用吧2024-02-02
微信内置浏览器在返回上一页面，且上一页面包含AJAX代码时，页面就会被强制刷新，极度影响用户体验。而我们想要的效果是：返回上一页面时，页面还停留在原来的状态，AJAX获取到的数据还在，滚动条也在原来的位置。下面跟着小编一起来看下吧2017-02-02
今天小编就为大家分享一篇获取layer.open弹出层的返回值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
最新评论