Angular 创建 Cordova ionic

一：必须安装node.js（最新稳定版）

PS C:\WINDOWS\system32> node -v
v12.16.1

二：命令  npm install -g cordova ionic / cnpm install -g cordova ionic

友情提示：由于npm install -g cordova ionic安装时间较长，在执行npm install时候可以Ctrl+C结束，cd到刚才的项目目录    cd 项目名  执行命令 cnpm install 安装配置文件(若没有安装cnpm,请先安装淘宝镜像)。

三：检查cordova ionic是否安装成功

 ionic -v

 cordova -v

PS C:\WINDOWS\system32> ionic -v
5.4.16
PS C:\WINDOWS\system32> cordova -v
9.0.0 (cordova-lib@9.0.1)

四：cd到要创建的ionic项目所在的目录

ionic创建页面的三种方式：1、创建一个空白项目：ionic start 项目名 blank

                                            2、创建带tabs 的底部导航栏：ionic start 项目名 tabs

                                            3、创建带侧边栏导航的项目：ionic start 项目名 sidemenu

创建带tabs 的底部导航栏：ionic start 项目名 tabs

PS E:\angular> ionic start ionicdemo01 tabs

 

五：cd到ionic项目所在的目录，使用命令ionic serve运行

PS E:\Angular\ionicdemo01> ionic serve

若安装失败怎么办？

1、检查自己node.js版本（使用最新稳定版）

2、安装cnpm

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

后面所有的npm 都可以用 cnpm代替 cnpm install -g cnpm cordova ionic