Windows下安装cordova开发环境

原文地址

准备阶段：

必备：

• JDK（根据自己的开发平台下载相应的安装包，可能需要FQ）

46AC8FE5-B5F5-4F78-A655-4D055018F4E2.jpg

• Nodejs （根据自己的开发平台下载相应的安装包，可能需要FQ）

• Android SDK Manage （根据自己的开发平台下载相应的安装包，可能需要FQ）

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

若没办法FQ的同学，可以去这里找找看看，也可以直接下载链接：http://pan.baidu.com/s/1skXwktJ（2016.4.24整理）

其他：

• Eclipse （根据自己的开发平台下载相应的安装包，可能需要FQ）

E3020D0F-093D-44EE-BA21-3B97867A4371.jpg

选择这个下载通道：

7D18D751-A9ED-427A-9A32-A9F2590AFE63.jpg

• apache-ant

DCCCC77A-F48B-47D1-8397-71896498675E.jpg

配置阶段：

安装JDK

安装java环境，配置环境变量

1. 下载JDK，link

   

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

   根据自己的系统，下载对应的版本

2. 安装JDK

   默认选择，正常点击，下一步，下一步，完成安装。

3. 配置环境变量

   右击计算机=》属性=》高级系统设置

   

   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

   (配置完成后，执行命令行时，系统会在path指定的路径中寻找该命令对应的可执行文件)

   • 检验安装配置是否正确

   组合键Windows+R后，输入cmd后，回车，打开cmd窗口，在窗口中输入java -version后回车，出现如下画面则表示成功！

   

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

安装 Android SDK

1. 安装Android SDK Tool,自定义配置安装地址，下一步...下一步，OK！

2. 打开Android SDK Manager，根据自己需求选择下载android SDK。

   （运行后出现如下界面，选择自己需要的Android版本，然后点击"Install X packages"。Installed 表示已经安装、Not installed表示没有安装!!）

   

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

   在新出现的界面中选择如下Accept或者Accept All,然后点击Install。Android SDK 管理器就开始下载并安装你所选的包了，我们等一段时间就OK了！

   

   B1DB480B-D396-4F0F-963F-F044CF5B2D30.png
   

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

   注：可能会出现没有FQ无法下载的情况，我整理的分享链接里，有一个压缩包，是我自己现在在用的SDK包，将其解压到自己相应的文件夹下。

   

   7E97BDF0-CA45-42B6-81AE-A40D002434FE.jpg

3. 配置环境变量
   添加ANDROID_HOME (同添加JAVA_HOME方法)

   

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

   设置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. 重启界面

   到这里环境已经搭建完成，可以直接在命令行上创建和编译cordova项目。详见这里

下面是为习惯使用eclipse的同学准备的。

安装eclipse

解压eclipse，双击Eclipse图标后，就可以启动Eclipse了,到这Eclipse就安装完毕了。

注意：最好把解压包放到，之前安装JDK的同级目录上

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

ADT安卓开发插件安装

ADT(Android Development Tools)安卓开发工具，是安卓在Eclipse IDE环境中的开发工具，为Android开发提供开发工具的升级或者变更，简单理解为在Eclipse下开放工具的升级下载工具。

通过Android开发者官网(developer.android.com), 我们可以知道，Eclipse可以通过两种方式安装ADT插件，在线安装、离线安装(需要先下载ADT插件包，我整理的分享链接中也有现成的)。

（eclipse离线安装ADT插件）

1. 下载ADT插件的zip文件（不要解压）
2. 启动Eclipse,然后在菜单栏上选择 Help > Install New Software
3. 单击 Add 按钮，在右上角
4. 在"Add Repository"对话框，单击"Archive"
5. 选择下载的adt-X.X.X.zip文件并单击"确认"。
6. 在Name(名称)处输入"ADT Plugin",单击“OK”
7. 在软件对话框中,选中"Developer Tools"复选框,然后点击"Next"
8. 在下一个窗口中，您会看到一个要下载的工具列表。单击“Next”
9. 阅读并接受许可协议，然后单击“Finish”
10. 安装完成后，重新启动Eclipse

安装配置apache-ant

1. 解压ant 你得到的是一个压缩包，解压缩它，并把它放在一个尽量简单的目录，例如D:\ant-1.9.6

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

3. 设置PATH中添加ANT_HOME目录下的bin目录。

4. 测试一下你的设置，开始-->运行-->cmd进入命令行-->键入 ant 回车

   

   AF08A100-709C-4A8E-BE41-C9E71E88CB0E.jpg

5. 配置成功。

现在可在eclipse中导入项目了，因为我很少使用eclipse，所以就不具体说明了。