开发环境Mac OS,另外Android的开发环境也需要提前搭建好。

1.安装Node.js

官网下载最新的http://nodejs.cn/download/安装包，并安装，安装成功后命令行执行npm -version会打印出当前Node的版本号。

2.安装Cordova

到Cordova官网，也有安装的步骤：http://cordova.apache.org/#getstarted
sudo npm install -g cordova，这一步可能会比较慢，耐心等待。
安装完成后命令行执行cordova -v会打印当前Cordova的版本信息。

3.创建项目

上面的两个步骤安装完成就可以通过cordova命令创建一个Cordova项目，看一下怎么创建，执行命令：cordova create --help查看帮助信息。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
➜  Cordova cordova create --help                        
Synopsis
    cordova create <PATH> [ID [NAME [CONFIG]]] [options]
Create a Cordova project
    PATH ......................... Where to create the project
    ID ........................... Reverse-domain-style package name - used in <widget id>
    NAME ......................... Human readable name
    CONFIG ....................... json string whose key/values will be included in
                                    [PATH]/.cordova/config.json
Options
    --template=<PATH|NPM PACKAGE|GIT URL> ... use a custom template located locally, in NPM, or GitHub.
    --copy-from|src=<PATH> .................. deprecated, use --template instead.
    --link-to=<PATH> ........................ symlink to custom www assets without creating a copy.
    
Example
    cordova create myapp com.mycompany.myteam.myapp MyApp

根据最后Example我来创建一个HelloWord的项目：
cordova create helloword com.holo.helloword HelloWord
控制台信息：

1
2
3
4
➜  Cordova cordova create helloword com.holo.helloword HelloWord
Using detached cordova-create
Creating a new cordova project.
➜  Cordova

说明创建成功了,进入到项目目录下，并看一下helloword有哪些目录

1
2
3
4
5
6
➜  Cordova ls
asApps      helloword   myApp3      pluginDemos
➜  Cordova cd helloword 
➜  helloword ls
config.xml hooks      platforms  plugins    www
➜  helloword

这时候只是创建了一些基本信息，还不算一个项目，因为要创建的是一个Android项目，所以需要添加android平台，执行cordova platform add android,执行之前看一下platforms目录，是空的。

1
2
3
➜  helloword cd platforms
➜  platforms ls
➜  platforms

执行cordova platform add android：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
➜  platforms ls
➜  platforms cd ..
➜  helloword cordova platform add android 
Adding android project...
Creating Cordova project for the Android platform:
	Path: platforms/android
	Package: com.holo.helloword
	Name: HelloWord
	Activity: MainActivity
	Android target: android-24
Subproject Path: CordovaLib
Android project created with cordova-android@6.0.0
Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
Fetching plugin "cordova-plugin-whitelist@1" via npm
Installing "cordova-plugin-whitelist" for android
ANDROID_HOME=/Users/a1/Library/Android/sdk
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_111.jdk/Contents/Home
Subproject Path: CordovaLib
Starting a new Gradle Daemon for this build (subsequent builds will be faster).
Incremental java compilation is an incubating feature.
:clean
:CordovaLib:clean
BUILD SUCCESSFUL
Total time: 8.353 secs
               This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in.
          
➜  helloword

OK ,android项目创建成功了，如果中间遇到什么问题，请根据控制台中输出的错误信息修正就行了，我刚开始的时候是没安装Android sdk platfrom 24 就报错了。再次进入platforms文件夹：

1
2
3
4
➜  helloword cd platforms
➜  platforms ls
android        platforms.json
➜  platforms

会有一个android目录，这个就是一个继承了Cordova的安卓项目了。

1
2
3
4
➜  android ls   
AndroidManifest.xml android.json        build.gradle        gradle              libs                project.properties  settings.gradle
CordovaLib          assets              cordova             gradlew             platform_www        res                 src
➜  android

下面编译一下：android cordova build android --info.编译成功后进入下面的目录：

1
2
3
4
➜  android cd build/outputs/apk 
➜  apk ls
android-debug.apk
➜  apk

会有一个android-debug.apk文件，安装到手机上之后是下面这个样子：

既然显示的是HTML文件，那这个是哪个呢？

1
2
3
4
➜  android cd assets/www/               
➜  www ls
cordova-js-src     cordova.js         cordova_plugins.js css                img                index.html         js
➜  www

就是assets/www目录下的index.html，这个是在res/xml/config.xml中配置的。
OK，第一步走的很艰难啊，看似简单，但是从0开始到运行一个HelloWord还是经过了很多心血的，不过第一步成功了，后面就好办多了^_^。

参考：http://www.cnblogs.com/zhoujg/p/4560998.html