cordova 开发环境搭建

1.安装nodejs

   nodejs官网： https://nodejs.org/

   下载地址：https://nodejs.org/download/

   win7 64位操作系统下载：node-v0.12.2-x64.msi

 

  下载后直接安装即可。 

   进入cmd: 

C:\Users\Administrator>node -v

v0.12.2

 

C:\Users\Administrator>npm -v

2.7.4

  安装成功。

 

2.安装git客户端

   下载地址： http://git-scm.com/download/win

   下载后的文件名：Git-1.9.5-preview20150319.exe

   直接安装即可。

   进入cmd 执行命令：

    C:\Users\Administrator>git --version

       git version 1.9.5.msysgit.1

  如果指示：'git' 不是内部或外部命令

  把git命令所在目录（C:\Program Files (x86)\Git\bin\） 加入PATH环境变量就好了。 

3.安装 android_sdk

  下载Android SDK Tools，在baidu搜吧，如：installer_r24.0.2-windows.exe 

 

   安装时指定目录（Android sdk 存放目录），安装完成后，打开SDK Manager，弹出窗口：

 

       这个工具用来在线下载 Android sdk，默认是去官网下载，但国内目前访问不了google ,所以需要配置代理：点击tools菜单->options:

    

如上图配置代理，（或baidu其它代理）--》close。 

 

Packages菜单->reoad ,如果代理好用的话，就会显示可以安装包了。

选择最新版本的Android sdk ，点击 Install package。 

 

 安装完成后，配置环境变量：

  ANDROID_HOME: Android sdk 存放目录

  在PATH环境变量中增加：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;    

 4.安装ANT

    http://ant.apache.org/ 下载ant ，存入指定目录解压

    配置环境变量：ANT_HOME=解压目录

    在PATH环境变量中增加：%ANT_HOME%\bin

 

5.安装cordova 

  在 cmd 中执行:

npm install -g cordova

 

 

C:\Users\Administrator>npm install -g cordova
npm WARN engine npm@1.3.4: wanted: {"node":">=0.6","npm":"1"} (current: {"node":
"0.12.2","npm":"2.7.4"})
npm WARN engine cordova-js@3.9.0: wanted: {"node":"~0.10.x"} (current: {"node":"
0.12.2","npm":"2.7.4"})
npm WARN engine xmlbuilder@2.2.1: wanted: {"node":"0.8.x || 0.10.x"} (current: {
"node":"0.12.2","npm":"2.7.4"})
npm WARN installMany normalize-package-data was bundled with npm@1.3.4, but bund
led package wasn't found in unpacked tree
C:\Users\Administrator\AppData\Roaming\npm\cordova -> C:\Users\Administrator\App
Data\Roaming\npm\node_modules\cordova\bin\cordova
cordova@5.0.0 C:\Users\Administrator\AppData\Roaming\npm\node_modules\cordova
├── q@1.0.1
├── underscore@1.7.0
├── nopt@3.0.1 (abbrev@1.0.5)
└── cordova-lib@5.0.0 (valid-identifier@0.0.1, osenv@0.1.0, properties-parser
@0.2.3, bplist-parser@0.0.6, mime@1.2.11, unorm@1.3.3, semver@2.1.0, shelljs@0.3
.0, rc@0.5.2, dep-graph@1.1.0, npmconf@0.1.16, through2@0.6.3, xcode@0.6.7, elem
enttree@0.1.5, d8@0.4.4, request@2.47.0, glob@4.0.6, cordova-registry-mapper@1.1
.3, cordova-app-hello-world@3.9.0, tar@1.0.2, init-package-json@1.5.0, plist@1.1
.0, npm@1.3.4, cordova-js@3.9.0)

 

 

   6创建项目：

     cordova create 目录名 包名 项目名

    如：

C:\Users\Administrator>cordova create TestApp com.temp TestApp
Creating a new cordova project.

    这时当前目录下有一个TestApp目录,进入目录： cd TestApp     添加Android 平台：

       

C:\Users\Administrator>cd TestApp

C:\Users\Administrator\TestApp>cordova platform add android
npm http GET https://registry.npmjs.org/cordova-android/4.0.0
npm http 304 https://registry.npmjs.org/cordova-android/4.0.0
Adding android project...
Creating Cordova project for the Android platform:
        Path: platforms\android
        Package: com.temp
        Name: TestApp
        Activity: MainActivity
        Android target: android-22
Copying template files...
Android project created with cordova-android@4.0.0
Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing
oject
Fetching plugin "cordova-plugin-whitelist@1" via npm
npm http GET https://registry.npmjs.org/cordova-plugin-whitelist
npm http 304 https://registry.npmjs.org/cordova-plugin-whitelist
Installing "cordova-plugin-whitelist" for android

    项目打包并在手机上运行：（前提是通过usb连接手机，电脑上已装手机驱动，手机开启USB调试）

 

    

C:\Users\Administrator\TestApp>cordova run android
Running command: C:\Users\Administrator\TestApp\platforms\android\cordova\run.ba
t
ANDROID_HOME=E:\Android\android-sdk
JAVA_HOME=E:\Java\jdk1.7.0_60
WARNING : No target specified, deploying to device '89UKPBUCEMHE5H5D'.
Running: C:\Users\Administrator\TestApp\platforms\android\gradlew cdvBuildDebug
-b C:\Users\Administrator\TestApp\platforms\android\build.gradle -PcdvBuildArch=
arm -Dorg.gradle.daemon=true
:preBuild
:compileDebugNdk
:preDebugBuild
:checkDebugManifest
:CordovaLib:compileLint
:CordovaLib:copyDebugLint UP-TO-DATE
:CordovaLib:mergeDebugProguardFiles
:CordovaLib:preBuild
:CordovaLib:preDebugBuild
:CordovaLib:checkDebugManifest
:CordovaLib:prepareDebugDependencies
:CordovaLib:compileDebugAidl
:CordovaLib:compileDebugRenderscript
:CordovaLib:generateDebugBuildConfig
:CordovaLib:generateDebugAssets UP-TO-DATE
:CordovaLib:mergeDebugAssets
:CordovaLib:generateDebugResValues
:CordovaLib:generateDebugResources
:CordovaLib:packageDebugResources
:CordovaLib:processDebugManifest
:CordovaLib:processDebugResources
:CordovaLib:generateDebugSources
:CordovaLib:compileDebugJava
注: 某些输入文件使用或覆盖了已过时的 API。
注: 有关详细信息, 请使用 -Xlint:deprecation 重新编译。
:CordovaLib:processDebugJavaRes UP-TO-DATE
:CordovaLib:packageDebugJar
:CordovaLib:compileDebugNdk
:CordovaLib:packageDebugJniLibs UP-TO-DATE
:CordovaLib:packageDebugLocalJar UP-TO-DATE
:CordovaLib:packageDebugRenderscript UP-TO-DATE
:CordovaLib:bundleDebug
:prepareAndroidCordovaLibUnspecifiedDebugLibrary
:prepareDebugDependencies
:compileDebugAidl
:compileDebugRenderscript
:generateDebugBuildConfig
:generateDebugAssets UP-TO-DATE
:mergeDebugAssets
:generateDebugResValues
:generateDebugResources
:mergeDebugResources
:processDebugManifest
:processDebugResources
:generateDebugSources
:compileDebugJava
:preDexDebug
:dexDebug
:processDebugJavaRes UP-TO-DATE
:validateDebugSigning
:packageDebug
:zipalignDebug
:assembleDebug
:cdvBuildDebug

BUILD SUCCESSFUL

Total time: 28.311 secs
Built the following apk(s):
    C:\Users\Administrator\TestApp\platforms\android\build\outputs\apk\android-d
ebug.apk
Using apk: C:\Users\Administrator\TestApp\platforms\android\build\outputs\apk\an
droid-debug.apk
Installing app on device...
Launching application...
LAUNCH SUCCESS

 

 

 这样程序就安装到手机上了。 

 

  项目下有个www目录，保存了前端页面 index.html及相关的css及js。

评论

1 楼 whyxy007 2015-05-13  

请问楼主放上去的这张图就是最后需要安装的所有的包吗？还是说需要把所有5.1的东西都安装？能否把你安装成功以后的这张图放出来参考一下。。