资讯专栏INFORMATION COLUMN

cordova搭建环境

Kaede / 2079人阅读

摘要:搭建环境一配置环境变量安装选择安装目录安装过程中会出现两次安装提示。建议两个都安装在同一个文件夹中的不同文件夹中。系统变量新建变量。设置环境变量变量名变量值在中加入注意要有分号。双击存档以公开内容。

cordova搭建环境 一、配置java环境变量

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

建议在目录为:

D:InstallJavajdk1.8.0_131
D:InstallJavajre1.8.0_131

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

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

“变量名”:JAVA_HOME
“变量值”:D:InstallJavajdk1.8.0_131

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

在变量值最后输入`%JAVA_HOME%in;%JAVA_HOME%jrein;`(注意原来Path的变量值末尾有没有;号,如果没有,先输入;号再输入上面的代码)。

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

CLASSPATH: .;%JAVA_HOME%lib;%JAVA_HOME%lib	ools.jar

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

二、安装android sdk

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

设置android sdk环境变量

变量名:ANDROID_HOME
变量值:D:InstallAndroidsdk
在path中加入:%ANDROID_HOME%	ools;%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 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

打包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) 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}.gradlewrapperdists

打开这个目录,可以看到下载好的gradle版本

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

配置方法

既然搞清楚了原理,也知道打开慢的原因是卡在下载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}.gradlewrapperdists

进入对应的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,一下子就打开了.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89318.html

相关文章

  • Ionic+Cordova WebApp Android打包及环境搭建

    摘要:写一下这两天打包的总结,希望帮人省下一些搜索的时间。环境配置下载地址配置环境和环境配置步骤基本一样,测试打开,输入,返回版本号即为成功。把图标等文件用该命令上传自己的项目到服务器,上传完成后会有一个项目编号。 写一下这两天打包app的总结,希望帮人省下一些搜索的时间。 一.准备工作: 需要安装:Nodejs、AndroidSDK、Apache-ant、Jdk,Ionic、Cordova...

    icyfire 评论0 收藏0
  • 前端开发-window10下cordova环境搭建

    摘要:一环境搭建请确保已安装未下载请先去官网下载安装。配置系统环境变量查看是否安装命令,如未安装。配置环境变量安装完成后,点击指定路径默认是会自动配置的。点击创建新项目。模拟器正常展示,说明环境配置成功。报错问题解决方法 一.环境搭建请确保已安装Node.js,未下载请先去官网下载安装。管理员身份运行cmd:1.查看node是否安装,命令node -v。2.查看npm是否安装,命令npm -...

    Invoker 评论0 收藏0
  • ionic的开发环境搭建

    摘要:创建一个指向安装根文件的环境变量,比如根据你自己的安装地址,设置完该路径后,就要将的目录添加到环境变量中。安装使用命令同样如果下载速度慢的话可以使用淘宝镜像所以可以使用把和一起安装。 大致的开发步骤:安装node.js –安装Apache Cordova -安装Java JDK – 安装Apache Ant - 安装android SDK – 安装cordova和ionic – 安装...

    Blackjun 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<