文档章节

grunt 安装及简单使用方法

码上中国博客
 码上中国博客
发布于 2015/03/24 16:07
字数 985
阅读 68
收藏 0

一、安装

grunt其实只是一种在nodejs下运行的一个模块而已,因此,使用grunt之前必须先安装好nodejs,以及其他的必要依赖的环境。

首先,我建议查看本文章的朋友可以前往nodejs中文社区查看汉化的Nodejs说明,或许对大家更有帮助。http://www.gruntjs.org/docs/upgrading-from-0.3-to-0.4.html#grunt 

1.下载nodejs:

前往官网下载nodejs运行包:https://nodejs.org/ ,在页面上直接点击圈出的连接。

2.安装nodejs

下载完成后,双击安装即可,可以自己选择安装路径,此处不再细说;安装完成后,打开命令行(DOS)窗口,在命令行窗口中敲入node --version 或 node -v,如果出现下图的版本号,则证明nodejs安装成功。

该引导步骤会将node.exe文件安装到C:\Program Files (x86)\nodejs\目录下,并将该目录添加进PATH环境变量

3.安装npm

由于最新版本的nodejs已经自带了npm ,因此不需要再去安装npm,检测是否已经安装了npm的办法是在DOS窗口里敲入

npm -v

    若出现版本号,则说明安装成功,否则,要去npm官网下载来安装

 4. 安装grunt

    上面的步骤中没有问题的话,接下来,进行关键的一步,安装grunt模块;在DOS窗口中敲入

npm install grunt -save-dev

等待片刻,即可安装成功,即使你已经成功安装了grunt ,在目前的的DOS窗口中也没法直接看到grunt是否安装成功,但是你可以cd 到其他的文件夹下,然后敲入

grunt

    如果出现了下面图片中的信息,则证明安装成功

      

至此,grunt 命令就可以在DOS窗口中正常使用了,包括创建nodejs项目,修改、部署、下载其它的依赖模块等,此处不作阐述,以后的文章会有涉及。

二、使用

总的来说nodejs开发有两种方式,一是使用DOS开发模式,另一种是使用开发工具开发,接下来我着重阐述如何使用工具开发nodejs项目。

下面主要讲解如何在eclipse中配置开发nodejs项目的环境

1.配置nodejs开发环境

有两种方法配置nodejs开发环境

 1.1 手动拖拽

前往这个官网: http://www.nodeclipse.org/updates/,在这个页面上找到下面的图片中圈出来的图标

  

在这个图标上,按住左键不放,直接拖拽到eclipse工具栏上,稍等片刻,即可在eclipse上弹出一个类似于下面的对话框

   

 在弹出的对话框中,可以选择你想要安装的插件,当然可以全选然后按照引导往下走,安装完成需要重启eclipse。

1.2 在eclipse安装

在eclipse 中依次选择 Help --> Install New Software  在出现的对话框中的 work with中输入以下的url: http://www.nodeclipse.org/updates/ ,按enter键,稍等片刻,即可出查询结果,勾选想要安装的插件,点击下一步,然后根据提示安装后重启eclipse即可完成配置

2.使用eclipse开发Nodejs项目

在以后的文章里将会讲述eclipse使用nodejs插件开发项目中遇到的神坑。。。。












© 著作权归作者所有

共有 人打赏支持
码上中国博客

码上中国博客

粉丝 53
博文 74
码字总数 70310
作品 1
北京
后端工程师
私信 提问
我叫张凯/baseFont

#baseFont 这是一个使用angulaJs和grunt的前段项目模块。实现了以下功能: 多个js,css文件代码合并; js,css压缩; 根据JSLint对js进行校验; 监听文件变更,自动更新; 开发环境(default...

我叫张凯
2016/02/02
0
0
前端工程化系列[02]-Grunt构建工具的基本使用

本文主要介绍前端开发中常用的构建工具Grunt,具体包括Grunt的基本情况、安装、使用和常见插件的安装、配置和使用等内容。 1.1 Grunt简单介绍 Grunt是一套前端自动化构建工具。对于需要反复重...

文顶顶水水
06/19
0
0
前端开发神器:grunt快速入门

grunt是什么? grunt是一个基于nodejs的task runner,简单来说,就是类似于.net平台的msbuild以及java平台的maven。 grunt能做什么? grunt可以使你的项目中重复的任务,比如压缩,语法检查,...

knightuniverse
2013/10/16
0
0
grunt简单的入门

grunt 是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于: ① 压缩文件 ② 合并文件 ③ 简单语法检查 对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩 初学,有误请...

hey卷
2016/07/28
9
0
前端工具gulp的用途和使用方法

前端工具gulp的用途和使用方法 在接触前端开始就听说过grunt和gulp是很叼的前端构建工具,但不知道到底有多叼,只是听说可以自动编译less,sass为css,目前还没有使用less和sass,所以也就没...

writeademo
2016/10/18
25
0

没有更多内容

加载失败,请刷新页面

加载更多

day179-2018-12-16-英语流利阅读-待学习

《海王》:上映 7 天,票房突破 9 亿,DC 要翻身? Daniel 2018-12-16 1.今日导读 这部电影堪称“有《阿凡达》般的视觉奇观,《指环王》般的史诗质感,《夺宝奇兵》般的寻宝历险,《狮子王》...

飞鱼说编程
15分钟前
5
0
window下安装maven

1.下载软件包: 2.解压到当前的安装路径: D:\Maven3.5.3 3.添加环境变量: 新建一个名为:MAVEN_HOME 填写解压路径:D:\Maven3.5.3 打开path,添加:%MAVEN_HOME%\bin 确定即可。 4.验证环境...

狼王黄师傅
29分钟前
5
0
聊聊flink的FsCheckpointStorage

序 本文主要研究一下flink的FsCheckpointStorage CheckpointStorage flink-runtime_2.11-1.7.0-sources.jar!/org/apache/flink/runtime/state/CheckpointStorage.java /** * CheckpointStor......

go4it
51分钟前
3
0
makefile 常用函数

Linux 环境下的程序员如果不会使用GNU make来构建和管理自己的工程,应该不能算是一个合格的专业程序员,至少不能称得上是 Unix程序员。今天我们来学习下makefile的常用函数。 《GNU make》h...

科陆李明
今天
21
0
Android 报错 Could not find com.android.tools.build:aapt2:3.2.1-4818971.

报错信息: Could not find com.android.tools.build:aapt2:3.2.1-4818971.Searched in the following locations: file:/C:/Users/96110/AppData/Local/Android/Sdk/extras/m2reposito......

lanyu96
今天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部