文档章节

grunt 安装及简单使用方法

码上中国博客
 码上中国博客
发布于 2015/03/24 16:07
字数 985
阅读 59
收藏 0
点赞 0
评论 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插件开发项目中遇到的神坑。。。。












© 著作权归作者所有

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

码上中国博客

粉丝 52
博文 72
码字总数 70310
作品 1
北京
后端工程师
我叫张凯/baseFont

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

我叫张凯 ⋅ 2016/02/02 ⋅ 0

Grunt 简单入门

Grunt 是一个基于Nodejs的自动化任务执行工具。那么什么是任务执行工具呢,其实就是按照之前编定好的规则执行任务的一个工具。 首先要安装nodejs(包含npm)。通过 来安装grunt。这个命令仅仅...

赵小笨 ⋅ 2014/01/07 ⋅ 0

前端开发神器:grunt快速入门

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

knightuniverse ⋅ 2013/10/16 ⋅ 0

Grunt的基础配置

1. 安装node.js,官网下载以后安装,将node.js的bin目录添加到PATH中,方便使用npm来安装grunt所需要的资源。 2. 在安装grunt之前,执行:npm uninstall -g grunt 卸载掉之前安装的grunt 3. ...

sgyyz ⋅ 2014/10/24 ⋅ 0

grunt简单的入门

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

hey卷 ⋅ 2016/07/28 ⋅ 0

grunt的初次使用

在使用grunt之前,项目静态文件几乎没进行压缩合并便直接放到线上,部分文件手动复制粘贴到某压缩网站进行压缩。没压缩合并的文件显然耗资源,手动压缩的文件后期不易维护,每修改一次便要重...

cobish ⋅ 2015/11/12 ⋅ 0

【jq插件】制作一个简单的jq插件和学习grunt打包

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

JSAL ⋅ 2016/08/15 ⋅ 0

Grunt安装与入门

一、grunt简介 grunt是什么? grunt是Javascript世界的构建工具,我们的项目在创建初期,会很小,但经过很多版本的迭代,越来越大,CSS和JS都不太好管理了,这时我们需要工具来帮助我们管理,...

阿振 ⋅ 2016/02/13 ⋅ 0

前端开发利器-grunt

最近看了下angular,顺便就看到了前端自动化构建工具grunt Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。 快速开...

开源中国刘德华 ⋅ 2016/06/02 ⋅ 0

前端工具gulp的用途和使用方法

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

writeademo ⋅ 2016/10/18 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

IDEA创建SpringMVC+Mybatis+Maven项目

视频如下(加载有点慢请见谅,服务器不太好): 视频

影狼 ⋅ 21分钟前 ⋅ 0

前阿里P8架构师:精准定制Java架构师学习计划!

可以说,Java是现阶段中国互联网公司中,覆盖度最广的研发语言,掌握了Java技术体系,不管在成熟的大公司,快速发展的公司,还是创业阶段的公司,都能有立足之地。 有不少朋友问,除了掌握J...

java高级架构牛人 ⋅ 24分钟前 ⋅ 0

zookeper学习

https://blog.csdn.net/u012152619/article/category/6470028

~少司命~ ⋅ 25分钟前 ⋅ 0

Spring MVC ,JSON,JQuery,不懂JQuery,跳过了

/spring-mvc-study/src/main/webapp/course_json.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD ......

颖伙虫 ⋅ 26分钟前 ⋅ 0

2018上海云栖大会workshop-日志数据采集与分析对接

摘要: 日志数据采集与分析对接 课程描述 通过日志服务采集用户、数据库、业务等访问数据。演示对于业务日志分析与处理,程序日志查询与监控,打通日志与数据仓库对接案例。 日志种类 网站访...

阿里云云栖社区 ⋅ 26分钟前 ⋅ 0

mahout demo

package com.datamine.CollaborativeFiltering.mysql; import org.apache.mahout.cf.taste.impl.neighborhood.NearestNUserNeighborhood; import org.apache.mahout.cf.taste.impl.recommend......

xiaomin0322 ⋅ 28分钟前 ⋅ 0

red hat openstack 12配置要求

安装 openstack 之前,一般要规划整个系统中,到底要多少台机器来参与openstack, 根据rhosp12的官方文档: 最低要求是3台物理机,1台作为director,一台作为 controller ,一台作为computer....

tututu_jiang ⋅ 29分钟前 ⋅ 0

Rocket-Chip在GitHub上的各个源码

在github上通过搜索Rocket-chip可以得到36个结果:其中 https://github.com/freechipsproject/rocket-chip https://github.com/ucb-bar/riscv-boom https://github.com/ucb-bar/fpga-zynq (......

whoisliang ⋅ 34分钟前 ⋅ 0

【HAVENT原创】CentOS 6.5 下 Nginx 的安装与配置

nginx是轻量级的Web服务器、反向代理服务器及邮件服务器,具有占用内存少,并发能力强的优点,已被广泛应用。本文介绍目前最新版本 1.12.2 的安装。 各版本nginx下载地址:http://nginx.org/...

HAVENT ⋅ 40分钟前 ⋅ 0

查看linux系统重启之前的log -- last_kmsg

当 Linux Kernel 出现 BUG 的时候,后走入 panic flow,这个时候由于 Kernel 出现了严重的问题,adbd 也无法响应 adb 连接请求,这个时候想透过读取 Kernel Log Buffer 来看 Kernel Log 是不...

zyzzu ⋅ 41分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部