使用GruntJS构建Web程序 (1)

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,如下

 

至此,安装完毕。

 

下一篇:使用GruntJS构建Web程序 (2)

 

posted on   snandy  阅读(16313)  评论(2编辑  收藏  举报

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述
历史上的今天:
2012-03-07 拥抱模块化的JavaScript
2011-03-07 获取事件对象的全家
2011-03-07 IE6双空白边bug
2011-03-07 JavaScript的写类方式(5)
2011-03-07 JavaScript的写类方式(4)
< 2013年3月 >
24 25 26 27 28 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6

统计

点击右上角即可分享
微信分享提示