美文网首页
Grunt:前端自动化工具

Grunt:前端自动化工具

作者: 溪南堂主 | 来源:发表于2016-08-04 22:53 被阅读21次

官方网站:http://gruntjs.com/

1.Grunt有什么用?

Grunt官网称其为“The JavaScript Task Runner”,意为JavaScript任务执行器。不过其释义关键词“automation”更能说明其作用,即自动化。实际上就是Build Tool,类似于Markfile之于传统编程。
也就是说,Grunt用于在网站编程中执行一系列的任务,当工作流程配置完毕后,就可减少大量日常工作中需要手动执行的步骤,增加工作效率。

2.Grunt怎么用?

  • 安装Grunt

Grunt基于Node.js,安装使用Grunt前需具备Node.js环境及使用npm。

有关Node.js,详见Node.js:JavaScript脚本运行环境
有关npm,详见npm:Node.js软件包管理器

在具备Node.js的命令行中使用npm命令安装Bower:
npm install -g grunt-cli
注意:Grunt在npm中包名为grunt-cli,而非grunt。不过其命令名倒是grunt的。
使用命令行grunt确认是否能执行以完成安装。
这个时候grunt执行后会显示一条错误信息,提示找不到局部grunt。那是因为我们在安装命令中使用-g参数将其安装到npm全局位置,所以当前目录没有grunt。

相关文章

  • gulp

    叫做前端自动化构建工具,此类工具还有:grunt前端自动化构建工具 是什么?答: 自动化 less sass ...

  • Grunt 与 Gulp 前端自动化集成工具

    前端自动化集成工具:前端框架+工具 例如:Yeoman / Bower / Grunt / Gulp 一、grun...

  • 有哪些必看的前端 JS 库?

    前端自动化 前端构建工具 gulp – The streaming build system grunt – th...

  • grunt及gulp的使用

    grunt是压缩代码,合并代码,检测代码书写规范grunt也是前端自动化,构建项目工具grunt官网:http:/...

  • grunt gulp

    grunt gulp grunt: 压缩代码,合并代码,检测代码书写规范... 前端自动化工具 构建项目 官网:h...

  • gulp入门教程

    gulp是前端的自动化构建工具,gulp的出现是希望能取代grunt,成为最流行的前端自动化构建工具,它与grun...

  • gulp笔记 - 安装及快速上手

    前言 我了解到的前端自动化构建工具主要是grunt,gulp和webpack。其中grunt从效率来看,目前业内普...

  • 一文学会gulp

    说一下前端的自动化构建工具gulp吧,其实国内的前端自动化工具比较流行的还有就是fis和grunt了,但是我觉得目...

  • Grunt总结

    grunt 通过配置Grunt的一系列grunt-contrib-插件,实现前端自动化功能。 自动化。对于需要反复...

  • Grunt与Gulp

    Grunt https://www.gruntjs.net/是一套前端自动化工具,一个基于nodeJs的命令行工具...

网友评论

      本文标题:Grunt:前端自动化工具

      本文链接:https://www.haomeiwen.com/subject/oaicsttx.html