使用ionic3快速开发webapp（一）

Ionic可让咱们使用web技术快速构建接近原生体验的跨平台移动应用。

1、安装ionic

一、须要先安装 Node.js（版本8.x之上）；

二、安装cordova 和 ionic：

$ npm install -g cordova ionic

2、建立一个ionic应用（可使用Ionic官方提供的应用程序模板）：

$ ionic start ionApp tabs

生成的代码目录以下：

一、node-modules下是咱们引用的一些依赖模块（eg：angular、cordova的相关模块）；

二、platforms下是咱们的app要运行的平台；

 　 eg：若是咱们的应用要运行在android平台，能够经过如下指令将android添加到platforms

$ ionic cordova platform add android

经过如下指令能够将android从platforms移除

$ ionic cordova platform remove android

三、plugins下是咱们用到的插件；

　  查看项目安装的插件：

 $ ionic cordova plugin list 

　  添加插件

$ ionic cordova plugin add pluginname 

　  删除插件

$ ionic cordova plugin remove pluginname

 四、resources下是一些基础资源；

 五、src下就是咱们的主要代码目录：

app下是主入口模块，assets下是资源文件，index.html是咱们的主页面，pages下是咱们添加的页面，每一个页面包括如下内容（html、scss、ts文件）：

六、www是咱们的源代码编译生成的，能够直接在浏览器运行。

3、运行咱们的Ionic应用

$ cd ionApp
$ ionic serve

4、打包成混合app项目（以android为例）：

$ ionic build
$ ionic cordova platform add android
$ ionic cordova run android

 打包以前须要先安装：

一、JDK

二、SDK（androiddevtools），须要配置环境变量

三、gradle（gradle），须要配置环境变量

打包成功后会提示咱们所在路径：