ionic 環境搭建之mac

2021-09-30 14:42:03 字數 927 閱讀 5457

1.準備工作

(ide,編寫**,瀏覽器除錯),jdk

(webstorm 執行環境),android sdk

(android編譯)

2.配置環境變數:

android_home    d:\program files\adt\sdk                              (對應sdk路徑)  

path     %android_home%\platform-tools;  

path     %android_home%\tools;  

3.安裝ionic等,執行命令提示符(管理員) 輸入

a. 將cordova和ionic包安裝到全域性環境中(可供命令列使用):

npm install -g cordova@版本號

npm install -g ionic  @版本號

安裝完成後,以後所有的外掛程式都使用cnpm這個命令來進行安裝。

cnpm install -g ionic cordova  

b. 進入你要建立專案的路徑:

cd e:\study\android\ionic\project  

e. 新增android平台:

ionic platform add android  

f. 生成androidapk:

ionic build android  

g. 在android模擬器或真機中模擬:

ionic emulate android  

其中f和g可以合併為:

ionic run android  

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...

Mac之lnmp環境搭建

之前在windows上開發大部分都是使用的整合環境 xampp,phpstudy,wamp 可以完成日常便捷開發,有些時候卻windows下無法實現的就需要自己搭建虛擬機器,在虛擬機器中搭建lnmp環境,也可以完成開發工作。同樣在mac也會有這兩種選擇,可以使用現成的整合開發環境 mamp 但是使用...