<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="使用Yeoman，Grunt和Bower开发AngularJS（译）" id="card1">
<p> 游客</p><p>
标题:使用Yeoman，Grunt和Bower开发AngularJS（译）<br/>
正文:<br/>
    使用Yeoman产生AngularJS的主要骨架    使用Grunt加速开发和帮助执行    使用Bower来加入第三方插件和框架&amp;mdash;&amp;mdash;third party plugins/frameworks一、准备工作安装好NodeJS和NPM（读者可自己去google）二、安装Yeoman, Grunt and Bower，产生AngularJS的主要骨架2.1 新建一个目录，并进入该目录，执行npm install -g yo grunt-cli bower此时Yeoman,grunt和Bower就被一次性安装好了，说明： -g  表明是全局安装2.2 执行npm install -g generator-angular安装AngularJS generatoryo angular 产生AngularJS application的文件框架脚手架（scaffolding）此时你的目录中就已经有了一个静态的AngularJS App的基本框架文件了    package.json &amp;mdash;&amp;mdash; 管理工程的所有dependencies    Gruntfile.js &amp;mdash;&amp;mdash; 配置工程所需要的task和plugins    component.json &amp;mdash;&amp;mdash; 将你工程所用的dependencies通知Bower package manager，在最新的Bower版本中命名为bower.json    .bowerrc &amp;mdash;&amp;mdash; 将你工程所用的配置选项通知Bower    test &amp;mdash;&amp;mdash; 使用的是Karma测试打开.bowerrc文件，并加入&amp;mdash;&amp;mdash;告诉Bower按bower.json的定义安装package{      &amp;quot;directory&amp;quot;: &amp;quot;app/components&amp;quot;,      &amp;quot;json&amp;quot;: &amp;quot;bower.json&amp;quot; // Add this line  }使用bower安装Angular UI&amp;mdash;&amp;mdash; 可按照你的需要安装那个librarybower install angular-bootstrap -<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1163&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1163&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1163&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1163&amp;Page=2">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=1163">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=1163">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>