Windows下安裝cordova開發(fā)環(huán)境

原文地址

準(zhǔn)備階段:

必備:

  • JDK(根據(jù)自己的開發(fā)平臺下載相應(yīng)的安裝包,可能需要FQ)
46AC8FE5-B5F5-4F78-A655-4D055018F4E2.jpg
  • Nodejs (根據(jù)自己的開發(fā)平臺下載相應(yīng)的安裝包,可能需要FQ)

  • Android SDK Manage (根據(jù)自己的開發(fā)平臺下載相應(yīng)的安裝包,可能需要FQ)

B5D0789C-EF1A-4194-949C-0C33599D6B43.jpg

若沒辦法FQ的同學(xué),可以去這里找找看看,也可以直接下載鏈接:http://pan.baidu.com/s/1skXwktJ(2016.4.24整理)

其他:

  • Eclipse (根據(jù)自己的開發(fā)平臺下載相應(yīng)的安裝包,可能需要FQ)
E3020D0F-093D-44EE-BA21-3B97867A4371.jpg

選擇這個下載通道:

7D18D751-A9ED-427A-9A32-A9F2590AFE63.jpg
DCCCC77A-F48B-47D1-8397-71896498675E.jpg

配置階段:

安裝JDK

安裝java環(huán)境,配置環(huán)境變量

  1. 下載JDK,link

    屏幕快照 2016-07-30 17.27.11.png

    根據(jù)自己的系統(tǒng),下載對應(yīng)的版本

  2. 安裝JDK

    默認(rèn)選擇,正常點擊,下一步,下一步,完成安裝。

  3. 配置環(huán)境變量

    右擊計算機=》屬性=》高級系統(tǒng)設(shè)置

    82EECB57-DFF7-4563-8CFF-40EF0BF85935.jpg
    • 配置JAVA_HOME(如圖新建JAVA_HOME,變量值配置為jdkX.X.XX文件夾的位置)
    9CAC574C-8432-466E-AF8E-21C61C6F8C6D.jpg
    • 配置classPath

    在已有的classPath中添加或新建添加.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;,記得前面有個"."。

    屏幕快照 2016-07-31 00.00.26.png
    • 配置Path(在已有的path中添加”%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;”,多個目錄用分號隔開)
    0C62FF95-28F8-4D23-ADF3-2A6137DE90B2.jpg
    屏幕快照 2016-07-31 00.03.30.png

    (配置完成后,執(zhí)行命令行時,系統(tǒng)會在path指定的路徑中尋找該命令對應(yīng)的可執(zhí)行文件)

    • 檢驗安裝配置是否正確

    組合鍵Windows+R后,輸入cmd后,回車,打開cmd窗口,在窗口中輸入java -version后回車,出現(xiàn)如下畫面則表示成功!

    82D4068D-117F-497F-8E52-8C69943479AB.png

安裝 Android SDK

  1. 安裝Android SDK Tool,自定義配置安裝地址,下一步...下一步,OK!

  2. 打開Android SDK Manager,根據(jù)自己需求選擇下載android SDK。

    (運行后出現(xiàn)如下界面,選擇自己需要的Android版本,然后點擊"Install X packages"。Installed 表示已經(jīng)安裝、Not installed表示沒有安裝!!)

    50B0148D-8A4D-445F-B1EB-5E4526E76931.jpg

    在新出現(xiàn)的界面中選擇如下Accept或者Accept All,然后點擊Install。Android SDK 管理器就開始下載并安裝你所選的包了,我們等一段時間就OK了!

    B1DB480B-D396-4F0F-963F-F044CF5B2D30.png
    50B0148D-8A4D-445F-B1EB-5E4526E76931.jpg

    注:可能會出現(xiàn)沒有FQ無法下載的情況,我整理的分享鏈接里,有一個壓縮包,是我自己現(xiàn)在在用的SDK包,將其解壓到自己相應(yīng)的文件夾下。

    7E97BDF0-CA45-42B6-81AE-A40D002434FE.jpg
  3. 配置環(huán)境變量
    添加ANDROID_HOME (同添加JAVA_HOME方法)

    0E302D64-24D0-4E33-9C75-F3D1F086DEDA.png

    設(shè)置PATH中添加ANDROID_HOME目錄下的tools和platform-tools目錄。

    5408706E-71DA-4480-8943-09FA4DC1418A.png

安裝Nodejs

  1. 安裝node.msi,自定義配置安裝地址,下一步...下一步,OK!

  2. 找到Node.js command prompt或者直接打開cmd

    91D2745F-47DF-46EF-8039-FCABFF804C4F.jpg
  3. 輸入:node -v 查看安裝版本,輸出版本即安裝成功

    1A18784A-6321-4DF9-9A60-2D758BA3A2E8.jpg
  4. 安裝cordova
    輸入: npm install -g cordova 安裝全局的cordova

    51214CBB-ADCE-4C22-B3C5-B8E12DA7BFB0.jpg

    正在安裝...

    D103AEA2-8D88-4EBD-840A-367F581AC52E.jpg

    安裝完成。

  5. 重啟界面

    到這里環(huán)境已經(jīng)搭建完成,可以直接在命令行上創(chuàng)建和編譯cordova項目。詳見這里

下面是為習(xí)慣使用eclipse的同學(xué)準(zhǔn)備的。

安裝eclipse

解壓eclipse,雙擊Eclipse圖標(biāo)后,就可以啟動Eclipse了,到這Eclipse就安裝完畢了。

注意:最好把解壓包放到,之前安裝JDK的同級目錄上

14143D42-D54A-45E7-8F07-0A7529AC1041.jpg

ADT安卓開發(fā)插件安裝

ADT(Android Development Tools)安卓開發(fā)工具,是安卓在Eclipse IDE環(huán)境中的開發(fā)工具,為Android開發(fā)提供開發(fā)工具的升級或者變更,簡單理解為在Eclipse下開放工具的升級下載工具。

通過Android開發(fā)者官網(wǎng)(developer.android.com), 我們可以知道,Eclipse可以通過兩種方式安裝ADT插件,在線安裝、離線安裝(需要先下載ADT插件包,我整理的分享鏈接中也有現(xiàn)成的)。

(eclipse離線安裝ADT插件)

  1. 下載ADT插件的zip文件(不要解壓)
  2. 啟動Eclipse,然后在菜單欄上選擇 Help > Install New Software
  3. 單擊 Add 按鈕,在右上角
  4. 在"Add Repository"對話框,單擊"Archive"
  5. 選擇下載的adt-X.X.X.zip文件并單擊"確認(rèn)"。
  6. 在Name(名稱)處輸入"ADT Plugin",單擊“OK”
  7. 在軟件對話框中,選中"Developer Tools"復(fù)選框,然后點擊"Next"
  8. 在下一個窗口中,您會看到一個要下載的工具列表。單擊“Next”
  9. 閱讀并接受許可協(xié)議,然后單擊“Finish”
  10. 安裝完成后,重新啟動Eclipse

安裝配置apache-ant

  1. 解壓ant 你得到的是一個壓縮包,解壓縮它,并把它放在一個盡量簡單的目錄,例如D:\ant-1.9.6

  2. 添加ANT_HOME (同添加JAVA_HOME方法)

  3. 設(shè)置PATH中添加ANT_HOME目錄下的bin目錄。

  4. 測試一下你的設(shè)置,開始-->運行-->cmd進(jìn)入命令行-->鍵入 ant 回車

    AF08A100-709C-4A8E-BE41-C9E71E88CB0E.jpg
  5. 配置成功。

現(xiàn)在可在eclipse中導(dǎo)入項目了,因為我很少使用eclipse,所以就不具體說明了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容