ionic開發環境的搭建及快速使用

2021-07-08 14:06:29 字數 800 閱讀 7709

abstract

本文件介紹ionic開發環境的搭建步驟

table of contents

1. ubuntu環境的搭建

2. android系統編譯環境

3. 安裝nodejs

4. 利用nodejs中提供的npm來安裝ionic和cordova

5. 快速開發乙個ionic應用

,看是否有反應。

上面的步驟基本上將android應用所需要的軟體包安裝完畢。

接下來安裝node.js,目前可以使用三種方法,使用當中任一種即可。

方法1:

方法2:

方法3:

最後安裝cordova和ionic:

注意:cordova一般都可以正常安裝成功,由於國家的長城過於堅固,安裝ionic會提示各種提取錯誤,解壓失敗。失敗後使用npm config ls -l命令檢視npm快取檔案在哪兒,一般在使用者資料夾下的.npm。找到ionic資料夾下1.7.8[版本號]下的package.tgz用7zip開啟,找到裡面的npm-shrinkwrap.json匯出用編輯器把裡面的包位址全部替換為儲存後再替換到包裡。然後刪除快取資料夾下除ionic資料夾的其它檔案,再次安裝ionic,便可以成功安裝了。

使用下面命令來建立和編譯應用:

$ionic platform add android(ios)

$ionic build(ios)

android編譯成功後目錄下會生成apk,可以匯出安裝

編譯後執行命令:

Ionic 介紹以及 Ionic 環境搭建

ionic 主要關注外觀和體驗,以及和你的應用程式的 ui 互動,特別適合用於基於 hybird 模式的 html5 移動應用程式開發。ionic是乙個輕量的手機ui庫,具有速度快,介面現代化 美觀等特點。為了解決其他一些ui庫在手機上執行緩慢的問題,它直接放棄了ios6和android4.1以下的...

ionic介紹以及ionic環境搭建

1.什麼是ionic?簡單來說 ionic就是乙個移動應用程式開發框架 2.ionic的安裝執行 1.學習前準備工作 1 必須得安裝 nodejs 建議安裝最新的穩定版本 2 必須有 angular 基礎 2.安裝 cordova ionic npm install gcordova ionic 3...

ionic1開發環境搭建配置

本來已經配置好的ionic1的開發環境,偶然又執行了一句 npm install g cordova ionic 結果就是把ionic版本提公升到了3.x,可是之前寫的按1.x寫的,於是需要重新安裝ionic1 的環境 映象,npm都試了,半天下來沒有任何頭緒,就是不能恢復到之前的1.3.1 就在走...