Angular7. Windows环境下准备 Angular CLI (ng 不是内部命令 或 外部命令)

先决条件:

Angular 需要Node.js 的 8.x 或 10.x 版本。

  • node.js 安装地址:https://nodejs.org/en/ ,默认选择 适用于大多数用户的LTS版
  • node.js 默认安装路径:建议不要放在C盘,windows系统总有些权限的意外情况发生
  • npm 包管理器 会随着node.js一起安装完成
    • 打开cmd,分别使用 "node -v" 、“npm -v”来检查是否安装成功
  • 一般情况下,安装node 和 npm 不会存在问题

第一步:安装Angular CLI

划重点:意外惊喜是【ng 不是内部命令 或 外部命令】

按照官方的操作,直接全局安装 @angular/cli 后,使用 “ng -v” 来检测是否安装成功时,会得到那个意外惊喜,心中一千只羊驼奔涌而过,莫慌,开始填坑: 感谢 https://www.jianshu.com/p/6cda6ca6cce1 这份文章

  • 在cmd中能执行的命令一般都是需要环境变量配置的,例如"node -v" 这些是安装程序帮我们配置了环境变量,
  • “ng” 使用我们使用npm install -g @angular/cli 下载到本地的文件,系统不会自动配置angular的环境变量,

犹如上面提到的,全局安装@angular/cli ,那就在node中全局配置node global区域

 

 

 

 

  1. 在nodejs安装文件夹中,新建node global 和 node cache(缓存配置的话,大家随意),如图:Angular7. Windows环境下准备 Angular CLI (ng 不是内部命令 或 外部命令)_第1张图片
  2. 在cmd设置配置Angular7. Windows环境下准备 Angular CLI (ng 不是内部命令 或 外部命令)_第2张图片
  3. 环境变量设置Angular7. Windows环境下准备 Angular CLI (ng 不是内部命令 或 外部命令)_第3张图片Angular7. Windows环境下准备 Angular CLI (ng 不是内部命令 或 外部命令)_第4张图片
  4. 终于可以安装@angular/cli 了,
  5. npm install -g @angular/cli,成功之后你会发现在node global文件夹下出现了ng 相关的。
  6. 运行一下 “ng -v” ok了。

 

接下来就是Angular官网的快速上手 https://angular.cn/guide/quickstart

 

daixu...

你可能感兴趣的:(node,Angular7)