Creating plugins 创建插件 使用npm install -g grunt-init安装 grunt-init 通过 git clone git://github.com/gruntjs

原文:http://gruntjs.com/getting-started Getting started Grunt 和 Grunt的插件都是通过npm来安装和管理滴。

Q：Grunt为何物？ A：一个专为JavaScript提供的构建工具。 Q：啥是构建工具？ A：在项目部署上线前，通常要将源文件压缩，合并，并拷贝到bch或trunk中。 在将js模块化后，又多了一个分析，提取业务代码中所依赖模块的工作。 解决这一系列繁重工作的自动化工具，称之为构建工具。 Q：grunt是如何工作的？ A：刚刚接触grunt，举个例子可能不太恰当，但应该可以让你先比较

长期东忙西忙，却不忙更新自己的博客，缺少输出，甚为羞愧 记得我当初刚接触GruntJS的时候对NodeJS一知半解，所以第一次使用花了些时间才熟悉起来。本文希望能帮助朋友们高速入门。

Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。

Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务，如编译less，sass，压缩js，合拼文件等等。 （一）安装nodejs环境，Grunt 0.4.x要求Node.js的版本>=0.8.0，如果你已安装了nodejs，命令行中运行node -v查看你的Node.js版本，如果版本号不够，重新安装覆盖旧版本。   （二）如果你的公司是用代理上

前一篇记录了Grunt的安装，这篇介绍下怎么使用Gruntjs来搭建一个前端项目，然后使用grunt合并，压缩JS文件。

（2）通过 git clone git://github.com/gruntjs/grunt-init-gruntplugin.git ~/.grunt-init/gruntplugin 命令安装grunt

    一、Grunt.js简介（实现自动化） 1）简要说明： 　　1.GruntJs是基于node的javascript命令行工具，可以自动化构建、测试、生成文档的项目管理工具

一.grunt是基于nodejs的，所以首先我们需要安装node 二.全局安装grunt 可以参考 http://www.gruntjs.net/docs/getting-started/ 进行安装

Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。

思考： 　　1.grunt以工程为单位安装插件？ 　　如果有新工程就要重新安装插件或者把安装好的插件拷贝过去。这样很麻烦，解决方案是需要用grunt的项目统一放在grunt项目中。   　　2.每次需要针对项目编写gruntfile.js？ 　　a.我们可以把文件夹，路径用变量代替。传入xx.json或者用命令行传参的方式。 　　还记得initConfig中的grunt.fi

grunt-contrib-uglify uglify是一个文件压缩插件，项目地址：https://github.com/gruntjs/grunt-contrib-uglify 本文将以一个DEMO

 测试&自动化 1.mocha：一个简单、灵活有趣的JavaScript测试框架（类似的还有should，supretest）2.gruntjs：迄今为止node世界中最流行的构建工具3.gulp.js

1.安装项目定义在GitHub上，地址：https://github.com/gruntjs/grunt-contrib-watch可以通过NPM直接进行安装npminstallgrunt-contrib

1.Connect资源与Grunt集成的Connect可以在GitHub上找到，地址：https://github.com/gruntjs/grunt-contrib-conne

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快

GruntJS依赖Node.js GruntJS组件安装 GruntJSCLI---主要作用为命令行工具    安装：npminstallgrunt-cli-g GruntJS演示 创建目录hellogrunt

GruntJS依赖Node.js GruntJS组件安装 GruntJSCLI---主要作用为命令行工具    安装：npminstallgrunt-cli-g GruntJS演示 创建目录hellogrunt

GruntJS依赖Node.jsGruntJS组件安装GruntJSCLI---主要作用为命令行工具安装：npminstallgrunt-cli-gGruntJS演示创建目录hellogrunt2.执行

GruntJS依赖Node.jsGruntJS组件安装GruntJSCLI---主要作用为命令行工具安装：npminstallgrunt-cli-gGruntJS演示创建目录hellogrunt2.执行

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快

原文地址：http://www.cnblogs.com/2050/p/4198792.html gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单

    根据我运行grunt dev失败后给出的提示，我进入了提示的网址进行查看http://gruntjs.com/getting-started，渐渐

http://www.gruntjs.org/docs/upgrading-from-0.3-to-0.4.html#grunt 1.下载nodejs:前

我在gitbash下使用命令如下：gitclonegit://github.com/gruntjs/grunt-init-gruntplugin.git~/.grunt-init/gruntplugin

我在gitbash下使用命令如下：gitclonegit://github.com/gruntjs/grunt-init-gruntplugin.git~/.grunt-init/gruntplugin

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快

阅读更多http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html前一篇记录了Grunt的安装，这篇介绍下怎么使用Gruntjs来搭建一个前端项目

http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html前一篇记录了Grunt的安装，这篇介绍下怎么使用Gruntjs来搭建一个前端项目

阅读更多http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html前一篇记录了Grunt的安装，这篇介绍下怎么使用Gruntjs来搭建一个前端项目

postgres搭建开发环境0.nodejs流行的异步IO解决方案，链接[http://nodejs.org/](http://nodejs.org) 1.bower前段框架管理工具 2.grunt自动化工具[gruntjs.com

一：Grunthttp://www.gruntjs.net/      http://gruntjs.com/基于命令行的前端自动化管理工具。

Gruntjs作为前端工程化工具，能够很好的对前端资源进行管理(校验，合并，压缩)。

前一篇记录了Grunt的安装，这篇介绍下怎么使用Gruntjs来搭建一个前端项目，然后使用grunt合并，压缩JS文件。

前一篇记录了Grunt的安装，这篇介绍下怎么使用Gruntjs来搭建一个前端项目，然后使用grunt合并，压缩JS文件。

Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。

Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。

下载下来我们会发现，根本没有angular.js，原因是我们需要手动构建 使用的就是Grunt，具体的介绍可以百度 如下是快速入门地址 http://www.gruntjs.net/d

Gruntplugin: Plugins-Grunt:TheJavaScriptTaskRunnerCSS gruntjs/grunt-contrib-compassﾂｷGitHub 平常主要用Scssgruntjs

Gruntjs给我带来了极大方便，通常我们都会在线上环境使用Gruntjs合并JS/CSS，提高网站访问速度。合并CSS的插件有很多，不过一个很郁闷的问题是它们都不会处理背景图片的路径。

 　　 使用GruntJS构建Web程序 (1)   　　使用GruntJS构建Web程序 (2)  

1grunt是什么官方网站解释的很清楚，http://gruntjs.com/ http://gruntjs.cn/它是一种javascript任务运行器，对于需要反复重复的任务，例如压缩、编译、单元测试

本文主要如何使用GruntJS来作简单的前端性能优化的自动化处理，我写了一个完整的例子放在Github上，可以参考一下。

前一篇记录了Grunt的安装，这篇介绍下怎么使用Gruntjs来搭建一个前端项目，然后使用grunt合并，压缩JS文件。

 Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。

Grunt的详细介绍请阅读Grunt中文网的说明：http://gruntjs.cn/getting-started/ ,一定要看。。。。

build/static/js/dist/static/js/lib/static/js/modules/第二、static/js/build/Gruntfile.js/**grunt*http://gruntjs.com

如何自定义Grunt任务有时我们需要写一些自己的grunt任务，下面是一个具体例子一、准备1.新建一个目录g12.新建package.json，放入g13.新建Gruntfile.js，放入g1package.json复制代码代码如下:{"name":"g1","version":"0.1.0","author":"@snandy","homepage":"http://www.g1.com","