Ionic介绍

1.Ionic介绍

ionic是一款基于Angualr，Cordova的强大的HTML5移动应用框架，可以快速创建一个跨平台的移动应用。可以快速开发移动App,移动端WEB页面，微信公众平台应用，混合App，WEB页面

2.Ionic和Cordova，Angualr关系

Ionic = Cordova + Angualr +Ionic css
Ionic是完全基于谷歌的Angular框架，在Angualr基础上面做了一些封装，让我们可以更快速和容易的开发移动的项目。Ionic调用原生功能是基于Cordova,Cordova提供了使用JavaScript调用Native功能，Ionic自己也封装了一套漂亮的css UI库

3.Ionic开发工具介绍

(1).webstrom
(2).Visual Studio Code(推荐)

4.Ionic的安装运行

1.需要安装nodejs
2.安装 npm install -g cordova ionic
3.创建项目：ionic start myApp tabs/blank/sidemenu
4.cd到刚才创建的项目 cd myApp
5.运行项目 ionic serve

5.Ionic 有时候安装失败怎么办？

1.检查自己的nodejs版本
2.安装cnpm

   npm install -g cnpm --registry = https://resistry.npm.taobao.org
   以后所有的npm可用cnpm代替

3.cnpm install -g cordova ionic

6.Ionic3.x目录结构分析

1.mode_modules：node各类依赖包
2.resource：android/ios资源（图标和启动页面）
3.src:开发工作目录，页面，样式，脚本和图片都放在这个目录下
4.www:静态文件
5.platforms:生成android或ios安装包路径
6.plugins:插件文件夹。里边放置各种cordova安装的插件
7.config.xml：打包成app的配置文件
8.package.json:配置项目的元数据和管理项目所需要的依赖
9.tsconfig.json:Typescript项目的根目录，指定用来编译这个项目的根文件和编译选项
10.tslint.json:格式化和校验typescript

7.编译项目

ionic cordova platform add browser
ionic build browser --prod --release