一、配置和安装
Window 和 Linux 上打开命令行工具执行以下命令:
1
|
$ npm install -g cordova ionic
|
Mac 系统上使用以下命令:
1
|
sudo npm install -g cordova ionic
|
提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。
如果你已经安装了以上环境,可以执行以下命令来更新版本:
1
|
npm update -g cordova ionic
|
或
1
|
sudo npm update -g cordova ionic
|
二 、创建项目
使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用:
ionic start MyFirstIonicProject tutorial --v3
myFirstIonicProject是项目名,tutorial 是通过指定的 tutorial 模板来初始化项目,如果不加默认是tabs模版,如果不想使用模版添加blank参数,--v3是指定新建项目的Ionic版本,如果不加,默认是v1版本,如果你指定创建的版本没有安装或被移除,会创建失败。不出意外的话,running几分钟之后,项目就创建成功了。
如果有这种报错:
将ionic版本回退即可解决:
npm install -g ionic@3.9.2
三、本地运行
项目根目录下运行:
ionic serve
若出现以下报错:
则采用以下两种解决方案:
1.
npm uninstall ws
npm install @ionic/app-scripts@latest
2.
npm install ws@3.3.2 --save-dev --save-exact
四、创建Android应用
cd myApp
ionic platform add android
ionic build android
ionic emulate android