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