<h1>全程VPN</h1>
1.下載并安裝nodejs
2. npm install -g cordova ionic //(安裝 ionic以及cordova, 不成功就用 sudo npm install -g cordova ionic ;sudo 用于提升權(quán)限)時間可能較長,請耐心等待
3 直接 命令行:ionic -v 或是 cordova -v 顯示版本即為成功,不成功的話就重復(fù)步驟(2)
4 安裝模擬器 :
npm install -g ios-sim //代表模擬器運行環(huán)境,
npm install -g ios-deploy //代表真機運行環(huán)境。
若不成功可能是權(quán)限問題,之后遇到問題先加上sudo試試。
sudo npm install -g ios-sim //代表模擬器運行環(huán)境,
sudo npm install -g ios-deploy //代表真機運行環(huán)境。
5.創(chuàng)建項目
ionic start myApp (默認(rèn)為tab )
ionic start myApp blank (空項目)
ionic start myApp tabs (有tab欄的項目,類似與手機qq主界面)
ionic start myApp sidemenu(有側(cè)邊欄的項目,類似與手機qq側(cè)邊欄)
6. 生成應(yīng)用
iOS:
ionic platform add ios (可能會需要sudo)
ionic build ios (注意:此處生成的ios并不是最終的應(yīng)用,是中間品,需要用Xcode繼續(xù)編譯才能生成ipa文件)
附安卓:
ionic platform add android (可能會需要sudo)
ionic build android
7. 在iOS模擬器運行
ionic emulate –list //檢查支持的設(shè)備,會有一個列表(注意是兩個-)
ionic emulate ios //模擬器運行,我用的版本默認(rèn)為iPhone-SE ,10.0.0
ionic emulate ios –target=”iPhone-6, 10.0” //以iPhone6的形式在模擬器中運行,注意iPhone-6, 10.0 是上列表中支持的 ,所以使用此命令前,檢查模擬器支持的設(shè)備(注意target前是兩個-)
-------------------------------華麗分割線--------------------------
(在build Android 時候一定要android的SDK,需要下載sduio 下載sdk )
Mac下配置android環(huán)境變量
1.啟動Terminal終端工具
2.輸入cd ~/ 進入當(dāng)前用戶的home目錄
- 創(chuàng)建:touch .bash_profile
4.打開并編輯:open .bash_profile
5、在文件中寫入以下內(nèi)容:
1.exportANDROID_HOME=/usr/local/opt/android-sdk
2.export PATH=${PATH}:${ANDROID_HOME}/tools
3.export PATH=${PATH}:${ANDROID_HOME}/platform-tools
注:上面的目錄根據(jù)你自己的sdk路徑而改變
6、執(zhí)行如下命令立即生效:source .bash_profile
7、驗證:輸入adb回車。如果未顯示command not found,說明此命令有效,環(huán)境變量設(shè)置完成。