声明：这篇文章绝大部分是参考https://blog.****.net/qq_39053584/article/details/93997318，感谢作者。

环境，工具

先确保安装了nodejs和npm

在开始之前，请确保你的开发环境中包括 Node.js和 npm 包管理器

Nodejs

Angular 需要 Node.js 版本 10.9.0 或更高版本。要检查你的版本，请在终端/控制台窗口中运行 node -v 。

windows更新版本不能通过网上说的安装n模块更新,只能重新下载新版的nodejs重新安装覆盖.

我的版本是v12.16.1

要获取 Node.js，请转到nodejs.org 。

npm 包管理器

Angular、Angular CLI 和 Angular 应用都依赖于 npm 包中提供的特性和功能。要想下载并安装 npm 包，你必须拥有一个 npm 包管理器。

本搭建指南使用 npm 客户端命令行界面，Node.js 已经默认安装了它。

要检查你是否安装了 npm 客户端，请在终端/控制台窗口中运行 npm -v 。

更新npm的命令是 npm install

我的版本是6.13.4

安装angular cli

你可以使用 Angular CLI 来创建项目、生成应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。

• 查看angular版本的命令：ng --version（我的版本是9）
• 最新版用的是:npm install -g @angular/cli

编译工具

我是后端的，前端的不精通，公司其他人前端用的都是vscode，我用的是idea，大概开发了两三个月，没觉得有什么不方便的地方，所以用哪个看个人喜好吧

项目结构

• e2e：端对端的测试文件
• node_modules：下载到本地的依赖包，代码上传git不需要上传这个，而且很大
• src：工作文件，定义组件模块服务
• app：app根模块，app下定义每个模块，下面几个文件每个模块都有（具体下一个部分会介绍）

1. app.component.html：html页面
2. app.component.scss：样式文件，相当于css
3. app.component.spec.ts：测试文件
4. app.component.ts：逻辑代码
5. app.module.ts：引入模块、服务等
6. app-routing.module.ts：路由

• assets：放图片，以及i18n（国际化）
• environment：环境的配置（后台服务的ip）
• theme: 公共的css
• package.json：配置文件，包括依赖