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