node.js

安装方法

Grunt和Grunt的插件都是通过Node.js的包管理器npm来安装和管理的。

Grunt 0.4.x要求Node.js的版本>=0.8.0(也就是0.8.0及以上版本的Node.js才能很好的运行Grunt)。
安装Grunt之前,可以在命令行中运行node -v查看你的Node.js版本。

这里只贴了ubuntu上的安装方法,其他系统自己看教程:

Setup with Ubuntu:

curl -sL https://deb.nodesource.com/setup | sudo bash -

Then install with Ubuntu:

sudo apt-get install -y nodejs

grunt

安装方法

安装CLI

为了方便使用Grunt,你应该在全局范围内安装Grunt的命令行接口(CLI)。要做到这一点,你可能需要使用sudo(OS X,*nix,BSD等平台中)权限或者作为超级管理员(Windows平台)来运行shell命令。

在这里我的系统是ubuntu,所以就直接加个sudo在前面啦:

sudo npm install -g grunt-cli

这条命令将会把grunt命令植入到你的系统路径中,这样就允许你从任意目录来运行它。

注意,安装grunt-cli并不等于安装了grunt任务运行器!Grunt CLI的工作很简单:在Gruntfile所在目录,调用运行已经安装好的相应版本的Grunt。这就意味着可以在同一台机器上同时安装多个版本的Grunt。

准备一个新的Grunt项目

一个典型的配置过程通常只涉及到两个文件:package.json和Gruntfile。

package.json:这个文件被用来存储依赖模块你将在这个文件中列出你的项目所依赖的Grunt(通常我们在这里配置Grunt版本)和Grunt插件(相应版本的插件)。

Gruntfile:通常这个文件被命名为Gruntfile.js或者Gruntfile.coffee,它用于配置或者定义Grunt任务和加载Grunt插件。

package.json

package.json和Gruntfile两个文件都应放在项目根目录,并且应该与项目的源代码一起被提交。
这里有一些为项目创建package.json文件的方式:

  • 大多数的grunt-init模板都会自动创建一个项目特定的package.json文件。
  • npm init命令会自动创建一个基本的package.json文件。
  • 从下面的例子开始并根据规范来按需扩展。

    {
    "name": "my-project-name", // 项目名称
    "version": "0.1.0", // 项目版本
    }

安装Grunt和grunt插件

添加Grunt和Grunt插件到一个现有的package.json中最简单的方式就是使用npm install
--save-dev命令。这不仅会在本地安装,它还会使用一个波浪形字符的版本范围自动将所安装的添加到项目依赖中。

例如使用下面的命令将会安装最新版的Grunt到你的项目中,并自动将它添加到你的项目依赖中:

npm install grunt --save-dev

这时去查看package.json应该可以看到多了一项

"devDependencies": {
    "grunt": "^0.4.5"
  }

注:这个过程也可以反过来,就是可以先在package.json里写上devDependencies这一项,然后执行npm install来安装grunt

先写到这里,吃完饭再继续


Doyle
844 声望16 粉丝

前端, angular, vue