面试题：Angular开发环境准备过程中Node.js相关工具的深度应用

npm和npx的区别

npm：
- 定义：npm（Node Package Manager）是Node.js的包管理器，用于安装、管理和分享Node.js的包（模块）。它主要用于项目依赖管理，比如将项目所需的各种包安装到项目目录下的node_modules文件夹，并将依赖信息记录在package.json文件中。
- 特点：npm安装的包会被全局或本地安装，本地安装的包可以在项目中通过require（在Node.js环境）或import（在支持ES6模块的环境）引入使用。全局安装的包可在系统任何地方作为命令行工具使用，不过一般建议尽量使用本地安装，以避免版本冲突等问题。
npx：
- 定义：npx是npm v5.2.0引入的一个命令，它的主要功能是运行npm包中的可执行文件，而无需全局安装这些包。它会优先在本地node_modules/.bin路径中查找可执行文件，如果找不到，再从npm仓库下载并临时使用。
- 特点：npx使得运行一些一次性的工具或脚本变得非常方便，不会在全局环境中留下多余的包，也不用担心全局包版本和项目需求版本不一致的问题。

安装特定版本的Angular CLI（使用npm）：
- 要全局安装特定版本的Angular CLI，可以使用以下命令：
```
npm install -g @angular/cli@<version>
```
例如，要安装Angular CLI的12.2.10版本：
```
npm install -g @angular/cli@12.2.10
```
- 如果是在项目内安装特定版本的Angular CLI（一般用于项目的CI/CD环境等，确保项目在不同环境使用相同版本的CLI），在项目根目录下运行：
```
npm install @angular/cli@<version>
```
使用npx搭建Angular项目：
- 可以直接使用npx搭建Angular项目，而无需全局安装Angular CLI。例如，要创建一个新的Angular项目my - app：
```
npx @angular/cli new my - app
```
- npx会临时下载并使用最新版本的Angular CLI来创建项目。如果想使用特定版本，可以指定版本号，如：
```
npx @angular/cli@12.2.10 new my - app
```
运行Angular CLI命令（npm vs npx）：
- 如果Angular CLI是全局安装的，可以直接在项目目录下运行ng命令，如启动项目：
```
ng serve
```
- 如果Angular CLI是本地安装（通过npm install @angular/cli），可以使用npx ng来运行命令，例如构建项目：
```
npx ng build
```
这样就不需要在环境变量中配置本地安装的ng命令路径，直接使用npx来调用本地安装的Angular CLI可执行文件。