grunt-beginner 前端自动化工具

codekit(只支持mac平台)
grunt：build tool
竞争者：buildy\jasy\Gmake

目录

node.js

nodes官网下载安装
HomeBrew:http://brew.sh

命令行工具：
mac ：iterm
windows：git
npm检查dependencies项

yeomen-bower-grunt

1.YEOMEN:现代Web App 的脚手架工具
作用：生成文件，代码结构
安装yeomen

npm  install -g yeomen

2.BOWER:web包管理器（下载依赖项）
安装bower

npm install -g bower

3.GRUNT:build tool
安装grunt

npm  install -g grunt-cli

4.Angular 安装命令

npm install -g generator-angular

使用：
创建测试命令

mkdir angular-in-action
cd angular-in-action//项目名字
yo angular learnangular（learnangular项目名字）

5.sass需要有ruby环境，需要先安装环境
bootstrap样式
modernizr用来检测是否支持html5和css3新特性的js文件
l s -al (列出详细目录)

package.son
name:项目名称
version: 当前版本号，递增
dependencies:项目在生产环境中需要的依赖
devDependencies:项目在开发过程中所依赖的包

⚠️发布出去以后，nam安装dependencies的包，但是devDependencies里面的不会被安装

6.创建一个bower的测试目录

mkdir bower-in-action
cd bower-in-action/
//安装包
bower install jquery
//删除
rm -rf jquery/

bower两个配置文件：bower.json、bowerrc
bower配置文件的配置

bower init
name://
version://
description://
main file://
...

⚠️ bower install angular –save-dev
会配置angular到devDependencies下，
若想安装到dependencies下，就执行
bower install angular –save

bower文件：代理配置

"directory":"",
"proxy":"",
"timeout":60000

yo webapp  grunt-by-yo