前端工业化工具Grunt初体验】的更多相关文章

今天来学学Grunt~~目的是为了自动化!自动压缩...自动修复...自动合并等... 提示:Grunt基于Node.js,安装之前要先安装Node.js 1.安装 grunt-cli npm install -g grunt-cli 2.在项目目录下,用以下命令创建一个基本的package.json文件 npm init 3.安装 Grunt 插件,并依赖到packgae.json npm install grunt --save-dev 同样方法按需安装常用Grunt插件如: npm ins…
1. 全局安装 gulp: npm install --global gulp 2.在项目目录下,用以下命令创建一个基本的package.json文件 npm init 3.安装Gulp npm install --save-dev gulp 4.安装所需插件如: npm install gulp-contrib-uglify --save-dev 5.在项目根目录下创建一个名为 gulpfile.js 的文件: var gulp = require('gulp'); //引入插件 var ug…
grunt作为一个前端构建工具,有资源压缩,代码检查,文件合并等功能. 下面就简单了解grunt的使用. 一.环境配置 grunt是基于nodejs的,所以需要一个 nodejs 环境,未了解的可以 来这看看 还是在windows下, 首先要保证grunt命令可以使用,所以要先使用npm安装对应CLI npm install -g grunt-cli 安装完成可以命令行中输入“grunt”测试是否安装成功 安装成功后 二.用法说明 grunt需要package.json文件描述,很多操作都直接通…
之前也介绍过前端构建工具 Ant 和 Yeoman,其中 Yeoman 工具就包含了 Grunt 所以就不多说.那么与 Ant 相比 Grunt 有这么几个优点: Javascript 语法,相比 Ant 的 XML 写起来更简洁更顺手: 任务模块资源丰富,如代码合并.压缩.检测.JSDoc.单元测试等你能想到的都可以找到: 文档丰富,从入门使用,到高级定制,都有相应的使用说明: 上手容易,Grunt 以及 Grunt 的任务模块都是通过 npm 进行安装和管理,配置简单. 一.安装 Grunt…
最近参与多人团队项目开发过程之中,使用到了grunt来构建项目,包括一些文件的压缩,合并等操作.亲自动手进行grunt任务的配置,学到了很多东西.现将自己的学习过程记录如下: 1.对于一个项目而言,使用grunt构建工具主要依托于两个文件Gruntfile.js/Gruntfile.coffee以及package.json,其中第一个文件详细配置了grunt需要执行的任务信息,第二个文件则是每一个node项目规范要求的文件,里面存储一下有关该项目的环境信息: 2.Gruntfile.js文件的配…
http://www.cnblogs.com/likwo/archive/2012/12/20/2826988.html 转 http://www.cnblogs.com/lenolix/archive/2010/12/13/1904868.html 概要:本文同期调研了google profile工具以及其他常用profile的工具,如GNU gprof.oprofile等(都是开源项目),并对其实现原理做了简单分析和比较.希望对之后的推广使用或二期开发有所帮助. 一.       GUN G…
今天朋友推荐了款自动化测试工具SlikMobile,下载了个试用了下,感觉还是很容易入门和上手的,感觉和testin的工具差不多,跨平台,多语言支持,支持图片.文本和Native Class三种对象方式,可以通过应用管理来提前定义对象,用在后续的脚本编写中.大体感觉还可以,这里是下载地址http://pan.baidu.com/s/1jGgQEfO,注册完可免费试用30天 下面简单介绍下使用方法: 1.创建工程File-New Project-OK 2.添加设备 Device-Add Devic…
1.下载node.js,然后将node.exe文件所在的目录加入path环境变量 2.安装npm管理工具 2.1.下载npm源码,解压到npm文件夹里,不要把npm放在和node.exe相同的文件夹 2.2.使用命令  node cli.js install -gf 安装npm  或者命令 node cli.js install npm -gf //可以安装最新版的NPM node cli.js install npm@1.0.105 -gf //可以安装指定版本的NPM 2.3.npm安装完成…
对于没有接触过类似自动化工具的朋友,对 grunt 也许只是停留在听过阶段,而并没有真正的使用过.今天就从最初级的教程说起.在开始教程之前,需要先确保你已经安装了 node. 下面就开始来讲解 grunt 的使用过程. 1.安装全局的 grund-cli $ npm install -g grunt-cli 安装 grunt-cli 并不等于安装了 Grunt 任务运行器!Grunt CLI 的任务是运行 Gruntfile 指定的 Grunt 版本. 这样就可以在一台电脑上同时安装多个版本的…
安装过程 安装nodejs 安装grunt,bower,yoeman 命令:(-g 表示全局安装,否则安装到当前目录下) npm install -g grunt-cli npm install -g yo npm install -g bower 删除已安装: npm unintall -g yo yoman -- "脚手架" 针对不同web工程,安装相应yoman"脚手架"生成器,eg:angular工程 npm install -g generator-ang…