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