最新基于yeoman+angular前端项目的开发环境搭建

软件需求，安装环境window



Git-2.8.1-64-bit.exe

node-v4.4.3-x64.msi

python-2.7.11.amd64.msi

rubyinstaller_V2.2.2.95_setup.1439890355.exe

VSCodeSetup-stable.exe

软件环境百度网盘链接：http://pan.baidu.com/s/1eRC1CXW 密码：g37k


安装

（一）先建一个项目文件夹并通过命令进入项目文件夹

（二）执行全局安装yo和bower应用 npm install –g yogrunt-cli bower

  (为了防止过时建议用以下方式执行)

（三）上诉代码执行很慢或者没响应就执行以下代码单个安装

npm install yo -g

npm install grunt-cli -g

npm install bower -g

（四）其中 -g 代表要把 yo ,grunt-cli , bower 这三个套件安装到全域 (global)

（五）安装完成后执行

检测是否安装ruby

gem  -v

若已安装，则修改source地址

gem sources –a https://rubygems.org/ gem sources -l 

*** CURRENT SOURCES *** 
https://rubygems.org/
如果不行的话可以配置成，就先删除

gem sources --remove https://rubygems.org/
gem sources -a http://gems.ruby-china.org/

安装sass(compass)

gem install sass

gem install compass

最后执行命令

执行命令 npm install –g generator-karma

执行命令npm install -g generator-angular

执行命令yo angular

启动yeoman进行框架搭建

（六）执行到最后一个命令后按enter这个回车键执行完后再执行以下的步骤

如果程序不走了一直闪烁光标（如下图）就用ctrl +c退出

（七）安装bower执行命令bowerinstall （环境部署需要执行npm install）

（八）Ps：如果错误信息是找不到bower路径那么就打开已经安装好的gitcmd进入到项目文件夹再执行bower install命令

（九）项目搭建完成会出现以下文件

运行grunt serve或者grunt serve --force 运行项目如果运行成功就会跳出

服务器前端 压缩项目命令为：grunt --force

附doc文档下载地址（文档更为详细）：

百度网盘链接：http://pan.baidu.com/s/1pLgFajh  密码：2db1