Grunt这货是啥?最近很火的前端自动化小工具,基于任务的命令行构建工具http://gruntjs.comGrunt能帮我们干啥?在开始介绍前,先向大家描述下面的场景:【场景1:项目开始前】先建立一个 projA 的文件夹 再建 html css js images (建5个或以上文件夹,花费1分...
分类:
其他好文 时间:
2015-01-07 16:31:44
阅读次数:
243
Gruntjs 作为前端工程化工具,能够很好的对前端资源进行管理(校验,合并,压缩)。 久之,发现一个问题 npm install 每次不同的项目都必须使用以上命令初始化,获取相对应的依赖模块,而这些模块往往都是相似。 那...
分类:
其他好文 时间:
2014-12-31 16:35:37
阅读次数:
181
1.构建工具(grunt,gulp)下载地址:http://gruntjs.cn/http://gruntjs.com/(1)安装nodejs(http://www.nodejs.org/) 验证是否安装成功,命令行输入 node -v(2)grunt 的安装安装全局grunt-cli命令行输...
分类:
Web程序 时间:
2014-12-24 21:22:25
阅读次数:
303
grunt官网:http://www.gruntjs.org/一、安装grunt先安装node,在http://www.nodejs.org/可以下载安装包直接安装。在命令行下运行:npm install -g grunt-cli即可安装grunt。二、创建项目创建web项目:my-project-...
Grunt打造前端自动化工作流Grunt这货是啥?最近很火的前端自动化小工具,基于任务的命令行构建工具http://gruntjs.comGrunt能帮我们干啥?在开始介绍前,先向大家描述下面的场景:【场景1:项目开始前】先建立一个 projA 的文件夹 再建 html css js images ...
分类:
其他好文 时间:
2014-12-23 16:49:28
阅读次数:
215
step-1. 安装node 环境step-2. npm install grunt-cli \ grunt http://www.gruntjs.net/docs/getting-started/step-3. 创建静态页面文件夹step-4. 在package.json中配置 ...
分类:
其他好文 时间:
2014-12-07 19:00:25
阅读次数:
163
grunt很强大,可以帮我我们解决很多繁琐的操作,虽然刚接触不久,但依然感受到其强大之处,这篇记录一下通过grunt.js实现事实刷新页面,省去了编码 -> 保存 -> F5..F5..F5..F5...n多个F5操作。首先看下项目目录:然后来看package.json配置:1 {2 "na...
分类:
Web程序 时间:
2014-11-19 18:32:39
阅读次数:
222
Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用合并JS文件压缩JS文件单元测试(基于QUnit)一句话:完全自动化(automation)以下是它的安装过程。一、安装node...
分类:
Web程序 时间:
2014-11-10 21:16:12
阅读次数:
272
今天自己fork了一个github上别人写的一个关于grunt项目的一个小demo(https://github.com/cowboy/jquery-tiny-pubsub),主要是想学习下grunt的使用过程,按照官方给出的 文档(http://www.gruntjs.org/docs/getti...
分类:
Web程序 时间:
2014-10-28 17:24:06
阅读次数:
185
1.安装node.js,官网下载以后安装,将node.js的bin目录添加到PATH中,方便使用npm来安装grunt所需要的资源。2.在安装grunt之前,执行:npmuninstall-ggrunt卸载掉之前安装的grunt3.安装全局grunt:npminstall-ggrunt-cli(包括grunt,grunt-cli,grunt-init,具体百度,google)4..
分类:
其他好文 时间:
2014-10-24 16:48:01
阅读次数:
234