`
kuyuyingzi
  • 浏览: 53166 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

grunt学习(二)——安装grunt及其插件

 
阅读更多

GruntjsJavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQueryQunitCanJS等。它有以下作用

·合并JS文件

·压缩JS文件

·单元测试(基于QUnit

·一句话:完全自动化(automation

以下是它的安装过程。

一、安装node

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

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

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

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

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

三、安装grunt及其插件

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

此时,再查看grunt版本会多了一个4.0,如下


至此,安装完毕。

原文链接:http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html

分享到:
评论

相关推荐

    grunt-at-csstidy:Alloyteam CSS 编码风格格式化工具--grunt 插件

    grunt-at-csstidy 是基于 Grunt '0.4.x' 与 csscomb '3.x' 的Grunt插件。 整合了Alloyteam的团队规范,并解决了部分CSS语法树解析的兼容问题。 上手教程 如果你之前没用过 ,可以参考官方教程 ,里面会介绍怎么创建 ...

    grunt-at-csstidy:Alloyteam CSS代码自动化整理工具--Grunt 插件

    grunt-at-csstidy 是基于 Grunt '0.4.x' 与 csscomb '3.x' 的Grunt插件。 整合了Alloyteam的团队规范,并解决了部分CSS语法树解析的兼容问题。 上手教程 如果你之前没用过 ,可以参考官方教程 ,里面会介绍怎么创建 ...

    grunt-usage:将使用信息写入屏幕的 Grunt 插件

    默认情况下, grunt --help输出中的“可用任务”部分不是很有帮助——对于大型项目,它通常包含许多不打算直接使用的任务,而是更大脚本的一部分。 该插件使用来显示仅与您的任务相关的用法概述,并且还允许您隐藏 ...

    学习使用grunt来打包JavaScript和CSS程序的教程

    Grunt.js天然适合前端应用程序的构建——不仅限于JavaScript项目,同样可以用于其他语言的应用程序构建。越来越多的JavaScript项目已经在使用Grunt,其中最大的使用者包括著名的jQuery项目。 Grunt的生态系统在迅速...

    grunt-demo:苦读

    grunt-demogrunt-study开始npm install -g grunt-cli插件的作用 (更多)[]contrib-jshint——javascript语法错误检查;contrib-watch——实时监控文件变化、调用相应的任务重新执行;contrib-clean——清空文件、...

    grunt-beanstalk-api:用于从 Beanstalk 存储库检索文件的 Grunt 包装器

    这意味着有时需要以编程方式包含来自另一个项目的单个文件(无需克隆整个 repo)——这是我们的新插件可以提供帮助的地方。如何使用。 在此示例中,使用您的实际 Beanstalk 子域更改任何出现的your-org 首先,登录...

    sails-multiple-assets-example:Sails 中多个资产的示例,尝试关闭此拉取请求

    如果您以前没有使用过 ,请务必查看指南,因为它解释了如何创建以及安装和使用 Grunt 插件。 一旦您熟悉了该过程,请继续阅读! 这是如何运作的? Sails 中捆绑的资产管道是一组 Grunt 任务,配置了常规默认值,...

    js-base:用于创建 js 库(特别是 jquery 插件)的基本存储库。 只需克隆并运行 setup.sh

    特征这个包包括: 节点,packages.json 所以我们可以使用 grunt bower,已经设置了 qunit 和 jquery 依赖项grunt,已经设置为构建、运行测试等一个简单的 jquery 插件结构和一个 qunit 测试(当然可以更改为其他 hs ...

    Backbone.js应用程序开发

    此外,backbone和grunt-bbb、jquery mobile等开发工具的配合使用,以及jasmine、qunit和sinonjs等测试解决方案。, 本书的作者是知名的javascript专家、谷歌chrome团队的工程师addy osmani。本书适合于javascript...

    BACKBONE.JS应用程序开发

    此外,backbone和grunt-bbb、jquery mobile等开发工具的配合使用,以及jasmine、qunit和sinonjs等测试解决方案。, 本书的作者是知名的javascript专家、谷歌chrome团队的工程师addy osmani。本书适合于javascript...

    amp-gulp-hbs:使用 gulp 和车把的 & 符号示例

    我在看着你——YAML、HAML、Python 和……CoffeeScript。 所以,我开始一个 & 号项目时的首要任务之一就是将jade换成别的东西。 在页面上推荐了handlebars ,它更像 HTML。 可能是另一个不错的选择,但我并没有...

    Backbone.js应用程序开发 中文清晰完整版pdf

    《backbone.js应用程序开发》先从了解mvc、spa和backbone的基本知识开始,然后着手构建示例应用程序——一个简单的todo列表应用程序、restful风格的图书应用程序、以及使用backbone和requirejs的模块化应用程序。...

Global site tag (gtag.js) - Google Analytics