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