Windows下安装cordova开发环境

2016-08-22 本文已影响107人 lion1ou

原文地址

准备阶段：

必备：

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环境，配置环境变量

下载JDK，link
屏幕快照 2016-07-30 17.27.11.png
根据自己的系统，下载对应的版本
安装JDK

默认选择，正常点击，下一步，下一步，完成安装。
配置环境变量

右击计算机=》属性=》高级系统设置
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

安装Android SDK Tool,自定义配置安装地址，下一步...下一步，OK！
打开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
配置环境变量
添加ANDROID_HOME (同添加JAVA_HOME方法)
0E302D64-24D0-4E33-9C75-F3D1F086DEDA.png
设置PATH中添加ANDROID_HOME目录下的tools和platform-tools目录。
5408706E-71DA-4480-8943-09FA4DC1418A.png

安装Nodejs

安装node.msi，自定义配置安装地址，下一步...下一步，OK！
找到Node.js command prompt或者直接打开cmd
91D2745F-47DF-46EF-8039-FCABFF804C4F.jpg
输入：node -v 查看安装版本,输出版本即安装成功
1A18784A-6321-4DF9-9A60-2D758BA3A2E8.jpg
安装cordova
输入： npm install -g cordova 安装全局的cordova
51214CBB-ADCE-4C22-B3C5-B8E12DA7BFB0.jpg
正在安装...
D103AEA2-8D88-4EBD-840A-367F581AC52E.jpg
安装完成。
重启界面

到这里环境已经搭建完成，可以直接在命令行上创建和编译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插件）

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

安装配置apache-ant

解压ant 你得到的是一个压缩包，解压缩它，并把它放在一个尽量简单的目录，例如D:\ant-1.9.6
添加ANT_HOME (同添加JAVA_HOME方法)
设置PATH中添加ANT_HOME目录下的bin目录。
测试一下你的设置，开始-->运行-->cmd进入命令行-->键入 ant 回车
AF08A100-709C-4A8E-BE41-C9E71E88CB0E.jpg
配置成功。

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