环境搭建

基于 Angular CLI 新建项目

环境要求

• Node.js
• NPM

*在命令提示符面板（cmd）中，检测 Node.js 和 NPM 是否安装成功：

搭建步骤

1. 安装 Angular CLI

npm install -g @angular/cli

2. 检测 Angular CLI 是否安装成功

ng --version

3. 新建项目

ng new project-name

4. 启动本地服务器

cd project-name
ng serve --open

*默认地址是 localhost:4200，可以输入 ng serve --port 4201 修改端口号。

克隆已有的项目

环境要求

• Node.js
• Npm
• Git

搭建步骤

以下操作基于 Git 客户端 SourceTree:

1. 复制已有项目

2. 安装所需依赖

cd project-name
npm install

3. 启动本地服务器

ng serve --open

VS Code 内置 Git 命令，因此，如果本地已经安装过 Git，可以直接使用 VS Code 克隆已有的项目：

1. F1（或者 Ctrl + Shift + P） 打开命令面板；
2. 输入 Git Clone，并填写正确的 Git 地址；
3. Ctrl+` 打开控制台，输入 npm install，安装所需依赖；
4. 输入 ng serve，启动本地服务器。

项目结构

以下对实际开发中使用频率较高的文件做了说明：

开发工具以及插件推荐

推荐使用的 IDE（集成开发环境） 是 VS Code。
推荐插件：

1. Angular Files：在项目目录中快速构建模块、组件、服务等
2. Angular Language Service：快速转到定义、引用位置
3. Angular 8 Snippets：Angular 代码段（下载最新版即可）
4. TSLint：TypeScript 语法检测
5. Prettier：代码格式化
6. Debugger for Chrome：调试源码