安装Angular CLI

前言:这回是一定要写前言的,因为为了装这个Angular CLI我用了整整一天的时间,不写一下不能解心头之恨。

 

Angular:是一个基于 TypeScript 的 开源 Web 应用框架 由 Google 的 Angular 团队以及社区中的一些个人和公司共同领导。

                                                                                                                                                                          ------*

 

具体说的是什么,只是略微了解到它是一种框架,比如我现在的项目组用了这种框架写的前端代码,如果我不使用这种框架的话,自己的电脑里是无法运行项目组开发的前端项目的,而且还要注意版本问题,不是随便下一个版本就可以的

 

1.下载Node.js

Node.js是能够在服务器端运行JavaScript开放源代码跨平台JavaScript运行环境。                                  ------*

 

0.在此之前,你应该已经配置完成了JDK。

 

1.下载与安装:

下载地址:https://nodejs.org/en

安装Angular CLI

 

注意,如果你不想下载这两个指定版本,可以通过以下操作下载历史版本

安装Angular CLI

安装Angular CLI

安装Angular CLI

两种下载方式,一种是下载msi文件按程序安装,只需要一直Next就可以了,本人推荐这种操作;另一种是下载压缩包,但是需要解压后自己设置环境变量,我嫌麻烦就没弄这种,网上也有很多解决方法,查一下就可以了。

 

2.检验:

安装完毕后,在cmd中输入node -v,若显示了你的nodejs的版本号,则说明安装成功

安装Angular CLI

 

2.安装Angular

0.npm:npm(全称 Node Package Manager,即“node包管理器”)是Node.js默认的、以JavaScript编写的软件包管理系统

                                                                                                                                                                          ------*

 

由于下载的Node.js里集成了npm,所以不需要我们安装npm了,直接在cmd中输入“npm -v”测试是否安装成功安装Angular CLI

安装Angular CLI

 

1.安装cnpm:

cnpm:由于npm是在国外的服务器上,从国内直接下载的话速度会很慢而且有些资源会被墙掉,所以用淘宝团队的镜像上下载就好了,因此我们要安装cnpm

 

打开cmd,输入npm install cnpm -g --registry=http://registry.npm.taobao.org,等待一会

输入cnpm -v,检查是否安装好

安装Angular CLI

 

2.安装TypeScript

TypeScript:TypeScript 是 JavaScript 的类型的超集,它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。

引用来源:https://ts.xcatliu.com/introduction/what-is-typescript

 

在cmd中输入cnpm install -g typescript typings,等待一会

安装好后输入tsc-v检验

安装Angular CLI

 

3.安装Angular CLI:

我使用的方法:先安装最初版本,之后安装要使用的版本。

在cmd中输入cnpm install -g [email protected],等待下载安装

原因:(经过多次试验,我发现直接输入cnpm install -g @angular/[email protected](6.2.4是要使用的版本号),会直接下载最新版本,得不到我要的版本)

输入ng v,检验安装是否成功,若出现下图则说明成功

安装Angular CLI

若失败了,可以卸载angular,之后重新下载

 

3.1 卸载Angular CLI

npm uninstall -g @angular/cli,卸载angular

npm cache clean -f,清理缓存,保证删除彻底

 

4.升级angular

输入cnpm install --global @angular/[email protected](6.2.4是要升级到的版本号),之后选择Y

安装Angular CLI

安装完毕后,再次输入ng v,若出现下图,则说明安装成功

安装Angular CLI