ionic5+angular8混合移动开发（一）——环境搭建_ionic新建项目指定angular的版本

1、首先安装nodejs，本次安装的是v10.16.0

1.0 下载nodejs最新稳定版，下载地址如下：

https://nodejs.org
1

1.1 安装下载的node-v10.16.0-x64.msi
1.2 打开CMD窗口或者Windows PowerShell查看nodejs版本

node -v
1

结果显示

v10.16.0
1

2、解决国内连接下载npm包慢，可以配置淘宝镜像

2.1 配置淘宝镜像

npm config set registry https://registry.npm.taobao.org
1

2.2 配置后可通过下面的方式来验证是否成功

npm config get registry
1

2.3 设置代理为null

npm config set proxy null
npm config set https_proxy=https://registry.npm.taobao.org
1
2

2.4 安装cnpm

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

2.5使用cnpm更新npm

cnpm install -g npm
1

查看npm版本

npm -v
1

结果显示

6.9.0
1

2.6 安装angular脚手架

npm install -g @angular/cli
1

查看angular版本

ng version
1

结果显示

Angular CLI:8.0.1
Node: 10.16.0
OS: win32 x64
1
2
3

3、创建App并运行

3.1、更新或者安装ionic cli

npm install -g ionic
1

查看ionic版本

ionic -v
1

结果显示

5.0.1
1

3.2、创建项目

ionic start myapp1 tabs --type=angular
1

3.3、运行项目
3.3.1 进入项目目录

cd myapp1
1

3.3.2 运行项目

npm run start
1

编译如图：

在浏览器中输入http://localhost:4200，运行效果如图：