Ionic介绍

wangdazhu0 2019-06-28

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

相关推荐