【转】Yeoman自动构建 Angularjs 项目

Yeoman是什么?

Yeoman依据合法说法,它不光是一个器,依然一个工作流。它事实上不外乎了六只片yo、grunt、bower,分别用于项目之开行、文件操作、包管理。

Yo: Yo是一个品种开端化工具,可以非常成一套启动某类项目必需的体系文件。

Bower:
一个客户端技术之软件包管理器,它可是用以搜索、安装及卸载如JavaScript、HTML、CSS之类的大网资源。

GruntJS:
GruntJS是基于JavaScript的命令行构建工具,它好帮忙开发者们自动化重复性的干活。

安装

按照nodejs,需要先安装node,安装时一旦管 Add to
PATH 被装上,然后安装依赖的管。
–安装git,http://git-scm.com/downloads,我是windows版本,安装的当儿要专注勾选Run
git from the Windows Command prompt (从Windows命令指示符下运行git)项。
–安装gruntjs,参考在此以前的篇章:同等步一步安装Grunt
–Bower是一个客户端技术之软件包管理器,它而用来搜索、安装与卸载如JavaScript、HTML、CSS之类的网络资源。安装bower:
npm install -g bower

装好后举办:
npm install -g yo grunt-cli bower
其中 -g 代表要管 yo , grunt-cli , bower 这六个套件安装及全域 (global)

创造项目:
每当命名行下,进入相应的目后,输入:
npm install -g generator-angular
抵实施好后,输入:
yo angular
会师起由符号拼成的Yeoman的标志人物,及部分摘项。
据悉需要举办分选操作,yo
会在末起头就所有的装置工作。那些命令执行要2分钟左右,会自动下载很多之依赖包。

AngularJS项目结构(Yeoman)
.tmp:临时目录
app:开发的源代码的目
dist:生成用于公布的类别
node_modules:nodejs依赖包
test:测试文件的目录
.bowerrc:bower属性
.editooconfig:对开发工具的习性配置
.gitattributes:git属性的布
.gitignore:git管理文件的安排
.jshintr:JSHint配置
.travis.yml:travis-ci持续集成的布局
bower.json:bower倚重管理
Gruntfile.js:grunt开发进程管理
karma.conf.js:karma自动化测试
karma-e2e.conf.js:karma端到端自动化测试
package.json:项目倚重文件

开行项目:
grunt server

吓吧,遭逢问题了,指示”unable to find local
grunt”,原因大概是grunt需要安装在项目目录中。输入:
npm install grunt –save-dev
以装包放在 ./node_modules 下(运行npm时所当的目)

再实施grunt
server,就相会发现浏览器为电动打开:http://localhost:9000/\#/

执行:

AngularJS,变化用于部署之目dist。

至此截至,还有一些问题。但算是跑起了~

 

转载自:http://www.k68.org/?p=1470

相关文章