附录A Angular 环境搭建

1. 安装软件

建议安装的软件包括:git,node.js 和 npm,还有就是 Angular CLI 和 json-server 。另外就是需要一个得心应手的文件编辑器。

(a) 安装 git

Git是一个开源的分布式版本控制系统。在很多操作系统中已经内置了 git 命令,如果没有的话,可以到 官网 下载。

(b) 安装 node.js 和 npm

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。Node.js安装地址:https://nodejs.org/en/download/ 安装完node.js以后,npm就自动被安装了。

安装完成后,在终端/控制台窗口中运行命令node -vnpm -v,验证一下你正在运行 node6.9.x和 npm3.x.x以上的版本。

因为在创建 Angular 新项目时,需要下载大量的依赖包。由于npm依赖包官网 http://npmjs.org 访问速度较慢,为了缩短下载依赖包的时间,可以使用国内淘宝团队的国内镜像 http://npm.taobao.org/。设置方法为 npm config set registry https://registry.npm.taobao.org

(c) 安装 Angular CLI

在终端/控制台窗口中运行命令npm install -g @angular/cli,全局安装 Angular CLI.

安装完毕后,可以运行 ng -v ,如果出现类似的提示信息,说明已经成功安装。

    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.3.2
node: 8.4.0
os: darwin x64

(d) 安装 json-server

我们使用 npm 包管理工具来安装 json-server ,-g 代表全局安装。安装完成后,使用json-server -v确保安装成功。

npm install -g json-server
json-server -v
0.12.0

2. 安装依赖

在项目根目录下,使用npm install补上依赖包。也可以把之前备份的node_modules目录复制一份在项目根目录下。

3. 运行项目

使用npm start运行项目,打开浏览器访问http://localhost:4200/进入项目。

对于使用Angular CLI创建的项目而言,npm start实际是调用ng serve命令。

4. 项目部署

同样的,我们使用Angular CLI来产生生产环境。命令是:
ng build
如果需要优化,可以使用:
ng build --prod --aot
然后,在项目根目录下,就会生成dist目录,将其中的东西放到任何一个Web Server的文档根目录下即可。

results matching ""

    No results matching ""