ionic開發app-環境搭建

ionic安裝配置

  • 確保安裝了node.js和npm

  • 下載安裝jdk,并配置java環境。文件夾中的文件
    jdk-8u144-macosx-x64.dmg為下載好的jdk,打開按提示安裝即可。

  • 下載安裝ant,并配置相應的環境。文件夾中的文件夾apache-ant-1.10.1為下載好的ant,按如下步驟配置ant:

    • .把文件夾復制到任意目錄下;
    • .啟動終端工具;
    • .輸入cd ~/ 進入當前用戶的home目錄;
    • .終端輸入open .bash_profile看看有沒有.bash_profile文件。如果提示沒有,則需要創建,終端輸入touch .bash_profile,然后輸入open .bash_profile打開文件。
    • .在文件中寫入如下內容export ANT_HOME=/usr/local/apache-ant-1.9.3 export PATH=${PATH}:${ANT_HOME}/bin,其中/usr/local/apache-ant-1.9.3不是固定的,它指向ant文件夾的路徑。
    • .終端運行source .bash_profile使得配置立即生效
  • 下載安裝android sdk,并配置相應的環境。文件夾中的文件夾android-sdk-macosx為下載好的android sdk,按如下步驟配置android sdk:

    • .把文件夾復制到任意目錄下;
    • .啟動終端工具;
    • .輸入cd ~/ 進入當前用戶的home目錄;
    • .終端輸入open .bash_profile看看有沒有.bash_profile文件。如果提示沒有,則需要創建,終端輸入touch .bash_profile,然后輸入open .bash_profile打開文件。
    • .在文件中寫入如下內容export ANDROID_HOME=/Users/tsy/android-sdk-macosx/ export PATH=${PATH}:/Users/tsy/android-sdk-macosx/platform-tools:/Users/tsy/android-sdk-macosx/tools,其中/Users/tsy/android-sdk-macosx不是固定的,它指向android sdk文件夾的路徑。
    • .終端運行source .bash_profile使得配置立即生效。
    • .終端運行android,會彈出android sdk管理器;
    • .依次打開菜單 Android SDK Manager -> Prefercener ,在'proxy Settings'設置下代理 ‘HTTP Proxy Server’:'mirrors.neusoft.edu.cn' 'HTTP Proxy Port':'80' ,并把'Force https://...sources to be fetched using http://'前面的勾勾上,關閉設置窗口,然后就可以代理下載sdk的各種工具了。API選擇 API 16 ~ API 26的范圍。
  • 安裝cordova和ionic,終端執行npm install -g cordova ionic

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容