文档章节

grunt 安装及简单使用方法

码上中国博客
 码上中国博客
发布于 2015/03/24 16:07
字数 985
阅读 65
收藏 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
前端工具gulp的用途和使用方法

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

writeademo
2016/10/18
25
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
【jq插件】制作一个简单的jq插件和学习grunt打包

学习做一个jq的插件,并用grunt构建打包。 这个插件的功能很简单,让选择器匹配元素运动到某个指定位置。有兴趣学习做jq插件的同学可以看这个教程-》http://i5ting.github.io/How-to-write-...

JSAL
2016/08/15
118
0

没有更多内容

加载失败,请刷新页面

加载更多

20.27 分发系统介绍~ 20.30 expect脚本传递参数

分发系统介绍分发系统-expect讲解(也就是一个分发的脚本)场景:业务越来越大,网站app,后端,编程语言是php,所以就需要配置lamp或者lnmp,最好还需要吧代码上传到服务器上;但是因...

洗香香
30分钟前
1
0
设计一个百万级的消息推送系统

前言 首先迟到的祝大家中秋快乐。 最近一周多没有更新了。其实我一直想憋一个大招,分享一些大家感兴趣的干货。 鉴于最近我个人的工作内容,于是利用这三天小长假憋了一个出来(其实是玩了两...

crossoverJie
36分钟前
1
0
软件架构:5种你应该知道的模式

Singleton(单例模式)、仓储模式(repository)、工厂模式(factory)、建造者模式(builder)、装饰模式(decorator)……大概每个上课听讲的程序员都不会陌生——软件的设计模式为我们提供...

好雨云帮
48分钟前
2
0
OSChina 周二乱弹 —— 这只是一笔金钱交易

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @小小编辑:推荐歌曲《暮春秋色》- 窦唯 / 译乐队 《暮春秋色》- 窦唯 / 译乐队 手机党少年们想听歌,请使劲儿戳(这里) @我没有抓狂:跨服聊...

小小编辑
今天
739
16
df命令、du命令 、磁盘分区

9月25日任务 4.1 df命令 4.2 du命令 4.3/4.4 磁盘分区 4.1、命令 :df #磁盘空间使用情况 [root@zgxlinux-02 ~]# df 按字节显示 1000Byte=1KB 1000KB=1MB 1000MB=1GB ...

zgxlinux
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部