cordova搭建环境

cordova搭建环境

1、配置java环境变量

1.安装JDK 选择安装目录 安装过程当中会出现两次 安装提示 。第一次是安装 jdk ，第二次是安装 jre 。建议两个都安装在同一个java文件夹中的不一样文件夹中。（不能都安装在java文件夹的根目录下，jdk和jre安装在同一文件夹会出错）

建议在目录为：

D:\Install\Java\jdk1.8.0_131
D:\Install\Java\jre1.8.0_131

1. 安装完jdk以后，接着配置环境变量 计算机→属性→高级系统设置→高级→环境变量

(1)新建系统变量 JAVA_HOME “变量值”这一栏主要填写的是你安装 java 的路径

“变量名”：JAVA_HOME
“变量值”：D:\Install\Java\jdk1.8.0_131

(2)系统变量→寻找Path变量→编辑。

在变量值最后输入`%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;`(注意原来Path的变量值末尾有没有;号，若是没有，先输入;号再输入上面的代码)。

(3)系统变量→新建CLASSPATH变量。(注意最前面有一点)表明当前路径

CLASSPATH: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

(4) 检验是否配置成功运行cmd输入java -version,javaac。

2、安装android sdk

1.直接安装Android studio就自带了android sdk
安装步骤很是简单，直接next，而后选择要安装的路径进行安装便可。

设置android sdk环境变量

变量名：ANDROID_HOME
变量值：D:\Install\Android\sdk
在path中加入：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools; 注意要有分号。

3、安装android构建工具gradle

手动安装

步骤1. 下载最新的Gradle发行版

目前的Gradle版本是4.2.1版，发布于2017年10月02日。分发zip文件有两种风格：
二进制 （sha256）
完成文档和来源（sha256）
若是有疑问，请选择二进制版本，并在线浏览文档和来源。

须要使用旧版本吗？请参阅发行页。

步骤2.打开分发包

Linux和MacOS用户

将分发zip文件解压缩到您选择的目录中，例如：

$ mkdir /opt/gradle
$ unzip -d /opt/gradle gradle-4.2.1-bin.zip
$ ls /opt/gradle/gradle-4.2.1
LICENSE  NOTICE  bin  getting-started.html  init.d  lib  media

Microsoft Windows用户

C:Gradle使用File Explorer建立一个新的目录。

打开另外一个文件资源管理器窗口，并转到已下载Gradle发行版的目录。双击ZIP存档以公开内容。将内容文件夹拖动gradle-4.2.1到新建立的C:Gradle文件夹中。

或者，您能够将Gradle发行版ZIP解压缩为C:Gradle使用您选择的归档工具。

步骤3.配置系统环境

Linux和MacOS用户

配置您的PATH环境变量以包括bin解压缩的分发的目录，例如：

$ export PATH=$PATH:/opt/gradle/gradle-4.2.1/bin
Microsoft Windows用户

在文件资源管理器中，右键单击This PC（或Computer）图标，而后单击Properties- > Advanced System Settings- > Environmental Variables。

在System Variables选择下Path，而后单击Edit。添加一个条目C:Gradlegradle-4.2.1bin。单击肯定保存。

步骤4.验证您的安装

打开控制台（或Windows命令提示符）并运行gradle -v以运行渐变并显示版本，例如：

$ gradle -v

------------------------------------------------------------
Gradle 4.2.1
------------------------------------------------------------

3、建立你的第一个App

1.全局安装cordova

sudo npm install -g cordova   //OSX 或者Linux上
npm install -g cordova        //Windows

2.建立App 跳转到你维护源代码的目录中，并建立你的cordova项目：

cordova create hello com.example.hello HelloWorld

将会在当前目录下建立一个hello目录做为这个Cordova工程的目录com.example.hello是项目的name和id,HelloWorld是项目的displayName

3.添加开发平台

添加浏览器平台
cordova platform add browser
添加Android平台
cordova platform add android
添加IOS平台
cordova platform add ios
若是想指定版本能够
cordova platform add android@6.1.0
列出已添加的平台
cordova platform ls

4.添加插件

cordova plugin add cordova-plugin-statusbar --save
罗列出已安装的插件
cordova plugin ls

5.调试

启用Android模拟器
cordova emulate android
也可使用Android手机进入开发者模式进行调试
cordova run android

1. 打包Cordova应用

cordova build android
OK了，若是命令行无错误信息的话就会在/platforms/android/build/outputs/apk目录下会生成一个.apk文件。

4、可能遇到的gradle问题

1.问题

(1) android sutdio第一次打开一个工程巨慢怎么办？
(2) 手动配置Gradle Home为何老是无效?
(3) 明明已经下载了Gradle，配置了gradle home,为何打开工程仍是去自动下载Gradle?

1. 简介

(1) Android Studio怎么知道该用哪一个Gradle呢?
AS一个项目所用的Gradle是由咱们的工程中下面这个文件决定的:

{your project}/gradle/wrapper/gradle-wrapper.properties
文件内容以下：

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-2.4-all.zip

最后一排的distributionUrl 决定了这个项目使用的gradle版本，也就是说不一样的项目可使用不一样的gradle版本，这也就是为何修改Gradle Home失败的缘由。那么咱们怎么知道gradle有哪些版本呢？答案是下面这个连接：

Gradle下载地址：https://services.gradle.org/d...
因此只要对着上面的连接，修改后面的gradle版本就能够了.

(2) Gradle保存在哪里？
Gradle是你们共用的，固然不会把Gradle放在项目文件中(不是不能够)，AS将gradle保存在下面的目录：

Linux:
~/.gradle/wrapper/dists

windows:
C:\users\{user name}\.gradle\wrapper\dists

打开这个目录，能够看到下载好的gradle版本

Android Studio打开一个工程时，首先会读取gradle-wrapper.properties 文件，从而知道这个工程须要哪一个版本的gradle ,而后就会去保存gradle的文件夹GRADLE_USER_HOME 去找看存不存在这个版本的gradle，不存在则会去distributionUrl 去下载
搞清楚了这个流程，如今是否是明白了，为何第一次打开一个工程会巨慢了吧，由于AS会去下载gradle。为何我明明下载了gradle，也指定了gradle的存放目录，可打开的时候仍是会去自动下载gradle了，那是由于你没有配对地方。如今回过来看项目配置文件是否是gradle/wrapper/gradle-wrapper.properties 是否是恍然大悟？

1. 配置方法

既然搞清楚了原理，也知道打开慢的缘由是卡在下载gradle这一步，那么咱们就本身下载gralde，而后配置上去
(1) 修改gradle-wrapper.properties
修改gradle-wrapper.properties 中的 distributionUrl，改为咱们想要的版本，只改后面的版本就能够了，前面的部分不要改。具体版本看下面连接：

Gradle下载地址：https://services.gradle.org/d...
(2) 打开项目
这个时候AS将自动下载gradle，并建立好目录。这时直接干掉Android Studio并退出，由于这一步是为了获得AS自动建立的下载目录，定位到下面的目录：

Linux:
~/.gradle/wrapper/dists

windows:
C:\users\{user name}\.gradle\wrapper\dists

进入对应的gradle版本文件夹下，会发现有一个一串乱码的文件夹，本例以gradle2.4

(2) 下载gradle
从上面的Gradle下载地址，下载对应版本的gradle，本例中为gradle-2.4-all.zip,而后删除上图中的gradle-2.4-all.zip.part文件，将下载的gradle-2.4-all.zip复制到上图中一串乱码的文件夹下，注意不要解压。这样咱们就跳过了下载gradle这一步。

(3) 从新开启Android Studio,打开工程，ok，一会儿就打开了.