【No.1 Ionic】基礎環境配置

時間 2019-11-17

標籤 No.1 Ionic 基礎環境配置简体版

原文原文鏈接

Node 安裝

git clone https://github.com/nodejs/node
cd node
./configure
make
sudo make install
node -v
npm -v

npm設置淘寶鏡像

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

IOS Simulator

sudo npm install -g ios-sim
sudo npm install -g ios-deploy
##若是失敗用下面的命令
sudo npm install -g ios-deploy --unsafe-perm=true

Ionic 基本環境

npm install -g cordova ionic

Quick Start

ionic start myApp tabs  #初始化一個有tab的項目
cd myApp  
ionic platform add ios  # 添加ios 平臺
ionic build ios  # build ios
ionic emulate ios  # 使用模擬器運行ios
ionic emulate ios --target iPhone-5s # 指定模擬器型號運行
ionic run ios # 使用真機運行IOS

目錄結構

hooks //google以後這個目錄應該是在編譯cordova時自定義的腳本命令，方便整合到咱們的編譯系統和版本控制系統中php
plugins //cordova插件的目錄，插件的安裝下一節詳述css
scss //scss文件，發佈時編譯這個目錄下的文件輸出到www的css目錄中html
www //咱們的開發目錄，頁面、樣式、腳本和圖片都放在這個目錄下node
--cssandroid
--imgios
--jsgit
--libgithub
--index.htmlnpm
bower.json //bower配置文件json
config.xml //Ionic的配置文件 ⱃ能夠配置app的id，名稱、描述起始頁和一塊兒其餘配置
gulpfile.js //gulp構建工具的執行文件，在這個文件中建立任務實現編譯scss，css、js優化等
ionic.project //Ionic的項目文件能夠配置Ionic命令中livereload的監控文件
package.json //npm配置文件

高級命令

查看目前項目支持的平臺和 ionic支持的平臺

ionic platform list

添加項目支持平臺

ionic platform add ios/android

build項目

ionic build ios/android
ionic build android -release  #發佈正式版等待簽名

模擬器運行項目

ionic  emulate  ios/android
ionic  emulate  ios/android --target iPhone-5s

真機運行

ionic run ios --device
ionic run android

查看項目目前的鏡像

./platforms/ios/cordova/lib/list-emulator-image #ios
./platforms/android/cordova/lib/list-emulator-image #android

問題

問題一

今天我把xcode 升級到了8，而後使用ionic 真機調試出錯啦，錯誤以下

(lldb)     run

Traceback (most recent call last):
  File "/tmp/63F258A0-629C-48E0-894B-CF5B2803E750/fruitstrap_819e1be07f922f85816eb033fd16e5d9a81a10da.py", line 36, in run_command

    lldb.target.Launch(lldb.SBLaunchInfo(shlex.split(args[1] and args[1] or '')), error)
IndexError: list index out of range

(lldb)     safequit

Application has not been launched

升級ios-deply 到1.8.7以上，當時是1.8.6