window安装Grunt方法图解

1.你得安装node,window下有可执行安装包,十分简单。

2.运行命令:npm install -g grunt-cli(-g为全局安装,可在任何目录运行)来安装Grunt的命令行接口(CLI)。注意,安装grunt-cli并不等于安装了grunt任务运行器。如果安装成功,运行命令:grunt -version可以看到:

 

 

3.在进入项目目录,运行命令:npm install grunt –save-dev安装最新版本的Grunt到你的项目中。安装成功后,运行命令:grunt -version可以看到:

 

 

 

4.新建一个package.json文件,如下

 代码如下 复制代码

{

“name”: “grunt”,

 “version”: “0.1.0″,

“devDependencies”: {

“grunt”: “~0.4.0″,

 “grunt-contrib-jshint”: “~0.1.1″,
“grunt-contrib-nodeunit”: “~0.1.2″,
“grunt-contrib-watch”: “~0.2.0″,
“grunt-contrib-concat”: “~0.1.1″,
“grunt-contrib-uglify”: “~0.1.0″,
“grunt-contrib-cssmin”: “~0.9.0″,
“difflet”: “~0.2.3″

}

}

5.在项目根目录运行命令: npm install,安装一些常用的grunt插件

6.新建Gruntfile.js文件

 代码如下 复制代码

module.exports = function(grunt){

grunt.initConfig({
pkg: grunt.file.readJSON(‘package.json’),
uglify: {
options: {
banner: ‘/*! <%= pkg.name %> <%= grunt.template.today(“yyyy-mm-dd”) %> */n’
},
build: {
src: ‘src/test.js’,
dest: ‘build/test.min.js’
}
}
});

// 加载提供”uglify”任务的插件
grunt.loadNpmTasks(‘grunt-contrib-uglify’);

// 默认任务
grunt.registerTask(‘default’, ['uglify']);
}

7.

9.运行命令:grunt,显示如下:

Running “default” task

default

Done, without errors.

时间: 2024-09-20 05:43:18

window安装Grunt方法图解的相关文章

iPad air2可以安装微信吗?iPad air2安装微信方法图解

iPad air 2下载安装微信步骤: 第一步: 下载微信需要上网就不说了,我们可以使用3g/4g 或者wifi网络了(推荐阅读:iPad Air如何上网?iPad Air上网设置教程) 第二步:可以上网了,就在ipad air2中点击App Store应用商店,然后在"搜索框"[微信]-"搜索", 第三步:默认是搜索不到微信的,我们点击切换到[iPhone App]你就会看到有一个[微信]应用了,点击下载安装即可,如下图所示. 点击安装后,等待一会就可以完成iPa

三星I9507V安装不了软件怎么办?I9507V安装软件方法图解

当您下载了一些第三方应用程序软件,却不能安装时,可以按以下步骤操作: 1.如现这类问题我们先要看看是不是手机未知来源未打开,我们在手机中点击[应用程序].   2.然后如下图点击[设定]选项.   3.再者我们再找到设定中的[更多]按钮.   4.在更多面板我们会看到有一个[安全]按钮,点击它进入.   5.然后在此你会看到[未知来源]是未选中了,我们选中它.   6.弹出"未知来源"提示时,点击[确定].   7.此时未知来源即被勾选,如下图:   当你按上面方法设置之后还是无法安装

autodesk 3ds max 2016安装激活方法图解?

1.下载安装包,这个有点区别了因为它的安装文件比较大所以分段打包的,所以我们必须先下载好三个压缩文件才可以,如下所示. 2.下载好之后我们只要双击安装包了,就会弹出设置了,就是安装在哪里了,具体如下 解压中,解压前可能会需要一段时间来检测文件的完整和大少,可能需要几分钟,请耐心等待. 3.解压完成自动弹出安装界面,(可选择语言,本教程安装包只有英文和日文,默认为英文,安装完成后软件运行是可选简体中文的,)点击"Install" 好了这个协义我们只要点击"IAccept&quo

CentOS6.3编译安装redis方法图解

Redis是一个key-value存储系统.Redis是一个开源.支持网络.基于内存.键值对存储数据库,使用ANSI C编写.和Memcached类似,但和Memcached最大的区别就是一个只是暂时缓存,一个是可以永久缓存,至少我的理解是这样的哈.我也刚刚开始接触,希望各位友友指点. 下面就来安装Redis试试看, 环境:CentOS release 6.3 (Final)+Redis-2.8.10 cd /usr/local/src wget http://download.redis.io

Phpmyadmin安装配置方法图解教程

分析 找到 /libraries/config.default.php文件(旧版本是根目录下的config.inc.php文件),用写字板(不要用记事本,这是UTF8编码)进行编辑. 4.查找 $cfg['PmaAbsoluteUri'] 修改为你将上传到空间的phpMyAdmin的网址 如:$cfg['PmaAbsoluteUri'] = 'http://www.xxx.com/phpmyadmin/'; 5.查找 $cfg['Servers'][$i]['host'] = 'localhos

Java零基础教程之Windows下安装、启动Tomcat服务器方法图解(免安装版)_java

相关阅读: Java零基础教程之Windows下安装 JDK的方法图解 官网下载 你是 Windows 环境,所以,打开浏览器,输入地址:http://tomcat.apache.org/download-70.cgi 选择对应的 ..-bit Windows zip下载就可以了. 安装 找到你下载的 ZIP 包,解压到你认为合适的目录,其实这是免安装版. 启动 进入 bin 目录,找到startup.bat双击,这样就算启动了 Tomcat 了,现在在浏览器输入地址+端口8080(默认)即可看

冰点还原精灵图解安装使用方法

本教程提供详细的冰点安装使用方法,时刻保护你的硬盘安全. (1)首先冰点安装: 运行安装程序,可供选择多盘保护,安自己需要选择被保护的硬盘,然后接受同意条款(如图) 图1 安装界面 然后会出现等待提示:(如图) 图2 安装过程 完成自动重启! 启动后显示是否设定管理密码对话框,选择是然后在一下对话框重输入两次密码(如图) 图3 密码设置 切记密码应当为自己常用的密码,不然忘记密码是一件很麻烦的事! 此时系统正受冰点保护下,右下角会右个笨熊的图标(如图) 图4 图标 (2)修改密码 按ctrl+A

Windows8.1安装教程详细图解

最近Windows 8.1 RTM 正式版已经泄漏在网上,其与十月将发布的MSDN 正式版不会有任何区别,喜欢Windows 8的朋友可以自行下载安装,下面小编将分享Windows 8.1安装教程,包括光盘,硬盘安装与升级安装的方法并附上详细图解. 一.Windows 8.1 安装教程全新安装 刻盘从光驱安装 如果你的电脑带有刻录光驱,下载Windows 8 ISO光盘镜像文件后,刻盘从光驱安装 是一个很好的方法,其中要注意的主要是从光驱启动计算机,具体方法大同小异,只要您略懂英文,设置都不是什

在word中插入图片并自由放置在任意位置方法图解

  很多人都懂得如何在word文档中插入图片.但是很多时候我们需要这些图片不受光标和文字的限制随意放在文档的任何地方,这时候就需要我们对图片进行一些设置.下面小编就为大家介绍在word中插入图片并自由放置在任意位置方法,希望能对大家有所帮助! 工具/原料 电脑需要安装office办公软件 照片大于等于一张 方法/步骤 1.打开word文档,输入你想要的内容. 2.右上角选择 插入--图片之后选择你想要放入文档的图片,双击图片或者单击"插入"即可在插入图片. 3.我们看到一般都是跟在光标