cordova搭建环境

cordova搭建环境

一、配置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

二、安装android sdk

1.直接安装Android studio就自带了android sdk
安装步骤非常简单,直接next,然后选择要安装的路径进行安装即可。

设置android sdk环境变量

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

三、安装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
------------------------------------------------------------

三、创建你的第一个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 [email protected]
列出已添加的平台
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文件。

四、可能遇到的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,一下子就打开了.

相关推荐