Android Studio环境的安装以及如何导入cordova项目

开发工具下载

  1. jdk AndroidSDK依赖 java jdk1.8版本下载地址.
  2. 绿色版Nodejs node安装工具 node版本下载地址[百度网盘(提取码:eac6)]
  3. AndroidStudio 2.3.3 百度云盘地址 [百度网盘密码:euan]
开发工具的安装

1.安装JDK,配置环境变量。

a) 新建 系统环境变量名:JAVA_HOME,变量值:D:\Dev\Java\jdk1.7.0_75
  1. 新建 系统环境变量名:CLASSPATH,变量值: .;%JAVA_HOME%\lib
  2. 修改Path环境变量,在最后增加 : %JAVA_HOME%\bin
  检验安装与配置是否成功,请打开CMD命令行工具,提示符下分别运行  
C:\Users\Administrator>java –version
C:\Users\Administrator>javac

命令,如果成功会看到类似如下画面


Android Studio环境的安装以及如何导入cordova项目_第1张图片
image.png

2:安装node

安装nodejs是为了后面安装Cordova/Phonegap,双击node-v0.12.0-x64.msi即进行安装,一路NEXT不会有什么问题。需要注意的是MSI安装完成后会增加路径到 系统环境变量Path,如果安装后发现安装程序没有增加Path路径,请自行添加,如 D:\tools\nodejs。
  验证是否安装配置成功,请打开CMD命令行窗口,在提示符下输入   
node –v 或者 npm –v
如果看到如下信息,表示安装成功。否则,请检查Path环境变量路径是否已正确添加。


Android Studio环境的安装以及如何导入cordova项目_第2张图片
image.png

3、安装Android Studio,配置环境变量。

1. 新建 系统环境变量名:ANDROID_HOME,变量值 :
D:\Dev\Android\sdk

  1. 修改 系统变量Path,在最后增加 :
%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\build-tools\21.1.2;

创建cordova项目

1.(注意:当第一次创建或编译项目的时候,可能系统会自动下载一些东西,需要一些时间)在某个目录下创建cordova项目,打开命令行,输入:
cordova create test com.cordova.test test (创建cordova工程 <文件夹名> <包名>


image.png

2.添加平台支持
用命令行打开对应的文件夹,
cordova platforms add android


Android Studio环境的安装以及如何导入cordova项目_第3张图片
image.png

1.hooks:存放自定义cordova命令的脚本文件。每个project命令都可以定义
before和after的Hook,比如:before_build、after_build。没用过,不展开了。
2.platforms:平台目录,各自的平台代码就放在这里,可以放一下平台专属的代码,现在这个目录应该是空的,后面会介绍如何创建平台。
3.plugins:插件目录,安装的插件会放在这里。后面会有专门的文章介绍开发插件。
4.www:最重要的目录,存放项目主题的HTML5和JS代码的目录。app一开始打开的就是这个目录中index.html文件。
5.config.xml:主要是cordova的一些配置,比如:项目使用了哪些插件、应用图标icon和启动页面SplashScreen,修改app的版本,名字等信息,还有平台的配置。
3.编译cordova项目,输入一下命令
cordova build android
如果遇到一下错误

C:\test\hello> cordova build android
ANDROID_HOME=C:\Users\kongxx\AppData\Local\Android\sdk
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_121
Error: Could not find gradle wrapper within Android SDK. Might need to update yo
ur Android SDK.
Looked here: C:\Users\kongxx\AppData\Local\Android\sdk\tools\templates\gradle\wr
apper

解决方案:

  • 下载 Android SDK tools package(https://dl.google.com/android/repository/tools_r25.2.3-windows.zip)
  • 进入 C:\Users\AppData\Local\Android\sdk目录
  • 备份tools目录
  • 将压缩包中的tools目录解压到这个目录下
  • 进入工程目录,再次运行 “cordova build android”。

cordova项目导入android studio工具中

第一步File->New->Import Project


Android Studio环境的安装以及如何导入cordova项目_第4张图片
image.png

第二步


Android Studio环境的安装以及如何导入cordova项目_第5张图片
image.png

第三步
直接运行模拟器

你可能感兴趣的:(Android Studio环境的安装以及如何导入cordova项目)