全局安装 Angular CLI

网上关于Angular CLI的安装指南有很多，但总是缺一些细节，而这些细节总是导致各种各样的错误。现将安装过程记录如下。

安装前提：Nodejs已安装！Nodejs中包含npm，可用来下载各种工具插件。

安装步骤
（1）若之前安装过Angular CLI，则需要卸载，并清空缓存。

npm uninstall -g angular-cli
npm cache clean --force

若清空缓存出现Error，则可执行

npm cache clear --force && npm install --no-shrinkwrap --update-binary

（2）设置淘宝代理，以安装cnpm。cnpm可代替npm，命令格式相同。

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

（3）重启命令行或者查看cnpm版本号

该步骤是重要的，否则可能因此一些不好解释的问题~

cnpm -v

（4）使用cnpm安装Angular CLI

cnpm install -g angular-cli@latest

（5）设置cnpm为global packageManager

若此时，创建工程，仍会报错！原因在于global packageManager仍是npm。

创建工程指令为：

ng new myheros

myheros为工程名称

执行指令，将cnpm设置为global packageManager

ng set --global packageManager=cnpm

之后创建工程myheros

至此，工程创建完毕。可按照Angular教程，继续之后操作。

全局安装 Angular CLI相关推荐

Angular介绍、安装Angular Cli、创建Angular项目入门教程
场景 Angualr 是一款来自谷歌的开源的web 前端框架,诞生于2009 年,由Misko Hevery 等人创建,后为Google 所收购.是一款优秀的前端JS 框架,已经被用于Google ...
如何安装 Angular CLI 并且检查 CLI 的版本
想在系统中安装 Angular CLI ,如何进行安装并且如何检查 CLI 的版本? 可以使用命令: npm install -g @angular/cli 进行安装. 使用命令 ng version ...
Windows 安装Angular CLI
1.安装nvm npm cnpm nrm(onenote笔记上有记录) 参考:https://blog.csdn.net/tyro_java/article/details/51232458 提示:如 ...
yarn全局安装vue/cli vue不是内部命令
yarn全局安装vue/cli vue不是内部命令在使用 yarn global add @vue/cli安装 @vue/cli之后执行vue --version 报错:'vue' 不是内部或外部 ...
Angular 介绍、安装 Angular Cli、创建运行 Angular 项目
1.什么是Angular Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购.是一款优秀的前端 JS ...
使用Yarn全局安装@vue/cli，无法执行vue命令的解决方案
使用Yarn全局安装@vue/cli,无法执行vue命令的解决方案使用Yarn全局安装@vue/cli,无法执行vue命令的解决方案使用Yarn全局安装@vue/cli,无法执行vue命令的解决方 ...
nodejs安装_nodejs调试全局安装的cli脚本
最近在阅读cordova-cli的源码,想着要是能直接在vscode中打开调试,一步步地查看cordova命令的执行过程,那么将会大大的方便我对其源码的阅读.然而网上找了很多教程,大多都是直接调试本地 ...
解决报错：全局安装@tarojs/cli后，使用taro命令报错：无法将“taro”项识别为 cmdlet、函数、脚本文件或可运行的...
全局安装taro工具:npm install -g @tarojs/cli 查看Taro版本信息:npm info @tarojs/cli 报错原因:没有在电脑中配置taro的环境变量. 解决方法如下 ...
Angular CLI在线安装和离线安装
Angular CLI 安装方式默认已经安装了 Node.js 和 npm 包管理器. 1. 在线安装可以使用外网的情况下,可以使用在线安装的方式. 要使用 npm 命令全局安装 CLI,请打开终 ...

全局安装 Angular CLI

全局安装 Angular CLI相关推荐

最新文章

热门文章