MarkDown( NV )

0.npm使用国内的淘宝镜像####

1)先安装######

npm install -g cnpm --registry=https://registry.npm.taobao.org

2）使用阿里的CDN包管理######

cnpm install

11/11/2016 10:29:12 AM

1.创建项目##

新建项目，传统的方式是使用 Yeoman 工具，它是基于 Node的一个项目生成器引擎，但本书使用的是 FrontJet 方式，这里讲两种

1.1.1 Yeoman###

首先讲 Yeoman。

cnpm install -g yo命令来安装它.

Yeoman只是个项目生成引擎，还需要安装 Angular的项目模板，命令
cnpm install -g generator-gulp-angular@0.8.1。
为了让后续步骤和本书的一致，先不做新的尝试。

这个生成器还依赖两个全局命令，也需要先行安装：
cpnm install -g gulp bower
接下来我们就可以创建项目了。先建立一个项目目录，比如：mkdir ~/dev && cd~/dev,mkdir book-forum-yo,然后进入这个目录cd book-forum-yo,再运行命令yo gulp-angular
这是一个交互过程，Yeoman 会提出一系列问题供你选择：

• ** which version of Angular do you want ?这里是选择 Angular版本，由于我们需要兼容 IE8 ，所以这里要选1.2.x项。按方向键把光标移到1.2.x项上，回车即可。**

• ** which Angular's modules would you want to have? 这里是选择 Angular 的子模块，具体的用途后面讲，直接回车即可。**

• ** would you need jQuery or perhaps Zetpo? 这里选择jQuery的版本，由于我们需要兼容IE8，所以这里要选择jQuery 1.x版本。**

• ** would you like to use a REST resource library? 这里选择ngResource 这是Angular内置的 REST API 访问库。另一个选项 Restangular 有点过度设计，不够简洁，所以这里不选择它。**

• ** would you like to use a router? 这里选择UI Router ，这是一个第三方库。另一个选项 ngRoute 是内置路由库，UI Router用起来比ngRoute 稍好一些。**

• ** Which UI framework do you want? 这里选择 Bootstrap，这是 Twitter 开源的一个CSS 库，也有一些 JavaScript组件，它简洁大方，成熟度高，而且可以自由使用在商业项目中，所以作为首选。**

• ** How do you want to implements your Bootstrap components? 这里选择 Angular UIBootstrap，这是 Angular-ui 组推出的一个第三方 Angular 组件库，本项目中会使用到其中的一些指令。**

• ** Which CSS preprocessor do you want? 这里选择 Sass (Node)。Sass 是一种 CSS 的增强语言，支持嵌套以及变量、环等，最终要编译成 CSS，这里选择的是用 C 语言编写的一个 Sass 编译程序，相对 Ruby 的版本，它功能较少，但是执行速度要快很多，而这种差别在大中型项目中是相当显著的，所以宁可牺牲 Sass 的高级特性，也要选择它。**

• ** Which JavaScript preprocessor do you want? 这里选择 None，也就是普通 JavaScript。考虑到一些读者可能不熟悉其他几种语言，所以为了便于示范，我们选择普通JavaScript。**

• ** Which html template engine would you want to have? 这里选择 Jade，事实上这里选择什么都可以，因为为了便于示范，我们在这里不会使用 HTML 模板引擎，而是直接使用普通 HTML。**

  至此，选项的选择已经全部完成，系统会开始安装 bower 和 Npm 包，前者用来安装前端组件，而后者用来安装开发环境。

  不过，由于GFW的阻挡，npm的某些包可能安装失败，因此我们要按 ctrl+c 阻止这个自动安装过程，而是自己手动安装

  bower install

  rm -fr node_modules

  cnpm install

  如果以前用 cnpm 和 npm , 那么可能会出现一些版本不匹配的警告。这些一般不会导致问题，不过如果要去掉这些警告，那么可以用如下命令清除一下缓存，并重装安装：

  npm cache clean

  cnpm cache clean

  rm -fr node_modules

  cnpm install

11/11/2016 3:32:38 PM

1.1.3 FrontJet