Rumah > hujung hadapan web > tutorial js > 使用GruntJS构建Web程序之安装篇_javascript技巧

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

WBOY
Lepaskan: 2016-05-16 16:46:33
asal
1327 orang telah melayarinya

它有以下作用

    合并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技巧

至此,安装完毕。

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan