ionic5+angular8混合移动开发（一）——环境搭建

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

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

https://nodejs.org

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

node -v

结果显示

v10.16.0

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

2.1 配置淘宝镜像

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

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

npm config get registry

2.3 设置代理为null

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

2.4 安装cnpm

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

2.5使用cnpm更新npm

cnpm install -g npm

查看npm版本

npm -v

结果显示

6.9.0

2.6 安装angular脚手架

npm install -g @angular/cli

查看angular版本

ng version

结果显示

Angular CLI:8.0.1
Node: 10.16.0
OS: win32 x64

3、创建App并运行

3.1、更新或者安装ionic cli

npm install -g ionic

查看ionic版本

ionic -v

结果显示

5.0.1

3.2、创建项目

ionic start myapp1 tabs --type=angular

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

cd myapp1

3.3.2 运行项目

npm run start

编译如图：

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