附录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 -v
和npm -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的文档根目录下即可。