首页 >web前端 >js教程 >使用GruntJS构建Web程序之安装篇_javascript技巧

使用GruntJS构建Web程序之安装篇_javascript技巧

WBOY
WBOY原创
2016-05-16 16:46:331322浏览

它有以下作用

    合并JS文件
    压缩JS文件
    单元测试(基于QUnit)
    一句话:完全自动化(automation)

 以下是它的安装过程。

一、安装node

参考nodejs入门 (最新的node会自动安装npm)

二、安装grunt命令行工具grunt-cli

使用-g全局安装,这样可以在任何一个目录里使用了。命令: npm install -g grunt-cli

使用GruntJS构建Web程序之安装篇_javascript技巧

需要注意的是在linux或mac下有时会报没有权限的错误,这时须在前面加一个sudo,

使用GruntJS构建Web程序之安装篇_javascript技巧

安装后,可以查看改工具的版本。命令: grunt -version

使用GruntJS构建Web程序之安装篇_javascript技巧

三、安装grunt及其插件

进入到某项目根目录,使用命令: npm install grunt --save-dev

使用GruntJS构建Web程序之安装篇_javascript技巧

使用GruntJS构建Web程序之安装篇_javascript技巧
此时,再查看grunt版本会多了一个4.0,如下

使用GruntJS构建Web程序之安装篇_javascript技巧

至此,安装完毕。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn