Angular8开发拼多多——Angular CLI的环境配置

Angular CLI 的 环 境 配 置

前 言 : Angular8开发拼多多 webapp从基础到实战
准 备 一：Angular CLI 的 环 境 配 置
步 骤 ： node -> NPM / CNPM -> Angular CLI

安 装 node.js

1，登录Node.js页面: https://nodejs.org/en/
2，下载LTS（其维护时间比较长）

注： 安装node.js的目的是使用npm管理项目依赖的软件包

npm 与 cnpm 的 作 用 与 区 别

npm 作 用具体可查看: npm 常见作用总结.

个人的理解：在做一个巨大的项目时，需要很多包，比如 需要a b c 三个包，a 包需要依赖更多的包 ,b 包需要依赖更多的包 , c 包需要依赖更多的包.这样一层嵌套着一层，在项目后期的运营以及版本升级造成麻烦，但可以利用npm下载对应的包使得后期方便管理。

cnpm cnpm和npm的作用相似。由于网络环境的原因（网速比较慢或者下载慢等），cnpm作为替代的包管理工具。

使用npm安装Angular CLI

1，打开终端（windows10版本：左下角（在这里输入你要搜索的内容）——输入md ——打开—— 一个小黑屏）

2，输入命令行node-v 可查看node的版本

node -v//查看node的版本

显示为：（可说明node已经安装上了）

C:\Users\徐文杰>node -v
v14.5.0

3，使用npm安装Angular CLI

npm install -g @angular/cli

显示为：

4，成功后利用ng进行查看

ng version

显示为：

注：Angular CLI的版本尽量和工程的版本一样

使用cnpm安装Angular CLI

利用淘宝镜像打开

npm install -g cnpm --registry=https://registry.npm.taobao.org

显示为：

那么，我们的Angular CLI的环境配置就配置好了

查看官方介绍

1，关于npm安装Angular CLI

注：安装主要分为全局安装和本地安装，我们选择全局安装

2，查看淘宝镜像
具体可查看链接: aliyuan.com.

使用cnpm安装Angular CLI利用淘宝镜像打开

注：在这里增添了官方查看，主要是让我去学会看官方文档

完结

送一句勉励的话：

只要我们奋斗过，拼搏过，我们终将会骄傲地盛开