cordova環境搭建

{//安裝 nodejs (讓js能運行於服務端，且集成了npm 包安裝工具)
安裝 node-v6.2.2-x64.msi //從官網 https://nodejs.org 下載
建立文件 C:\myapp\test.js /* 添加下面內容
var http = require("http");

http.createServer(function(req, res) {
res.writeHead( 200 , {"Content-Type":"text/html"});
res.write("<h1>Node.js</h1>");
res.write("<p>Hello World</p>");
res.end("<p>beyondweb.cn</p>");
}).listen(3000);
console.log("HTTP server is listening at port 3000.");
*/

運行cmd
> cd C:\myapp\
> node test.js
網頁訪問http://127.0.0.1:3000 //能訪問到說明node 安裝成功
}

{//安裝 Cordova
> npm config set strict-ssl false
> npm config set registry https://registry.npm.taobao.org //國內被屏蔽，設置代理較快，
> npm install -g cordova@6.0.0 /* 指定版本安裝，避免版本不匹配，路徑 ：C:\Users\ivan\AppData\Roaming\npm\
版本見 http://cordova.apache.org/news/2016/10/25/tools-release.html
注意選擇版本，緣由是cordova 和android 有版本匹配問題，若是所有下載到最新沒有問題，可是國內被屏蔽了不少，安裝很折騰人
選擇源，解決速度問題
npm install -g nrm
nrm ls
nrm test 測試全部源速度
nrm use taobao 切換源

> npm install -g cordova 注：若是報錯，緣由多是被屏蔽，換個代理 npm config set registry 試試
如報錯：
C:\WINDOWS\system32>npm install -g cordova
npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program
npm ERR! node v6.2.2
npm ERR! npm v3.9.5
設置npm config set registry https://registry.npm.taobao.org 後成功
C:\WINDOWS\system32>npm install -g cordova
C:\Users\ivan\AppData\Roaming\npm\cordova -> C:\Users\ivan\AppData\Roaming\npm\node_modules\cordova\bin\cordova
C:\Users\ivan\AppData\Roaming\npm
`-- cordova@6.4.0
+-- cordova-common@1.5.1
| +-- ansi@0.3.1
| +-- bplist-parser@0.1.1
| | `-- big-integer@1.6.16
| +-- cordova-registry-mapper@1.1.15

若是下載有問題，能夠指定老闆版本的下載 npm install cordova@6.0.0 --save
-g 是安裝全局 --save 只當前文件夾內


npm下載好包的見 資料/離線包裏的 npm npm_cache (若是網絡很差，能夠把這些包放到對應的位置）
*/

> cordova -v //查看版本 6.0.0
> cordova create hello //注意不要在中文路徑下
> cd hello
> cordova platform add browser /*
報錯：Cmd err：
解決方法：
在系統環境變量裏 PATH變量後面追加 ;C:\Windows\System32

*/
點擊 ChromeStandalone_54.0.2840.71_Setup.exe 安裝谷歌瀏覽器
> cordova run browser
}

{//安裝 Android
1. 點擊安裝 jdk-8u5-windows-x64.exe //安裝路徑 C:\Program Files\Java\jdk1.8.0_05\ C:\Program Files\Java\jre8\
> java -version //有顯示版本信息，表示安裝成功
2. 設置環境變量 （win10 控制面板 -> 系統 -> 高級系統設置 -> 環境變量 -> 用戶變量裏點新建
新建JAVA_HOME變量 C:\Program Files\Java\jdk1.8.0_05\
新建classpath變量 .;%JAVA_HOME%\lib;%‘%\lib\tools.jar
在已有的path後添加 ;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
3. 點擊安裝 android-studio-bundle-141.2422023-windows.exe //android 許多工具存在版本匹配問題，最好選擇已集成好的。
//路徑 C:\Program Files\Android\Android Studio C:\Users\ivan\AppData\Local\Android\sdk
//注意路徑不能有中文字符
點擊 Start a new project
選比手機Android 版本低的版本
一路next
鏈接手機 //注意：電腦的模擬器太慢了
在手機上選USB調試 //若是找不到開發者選項，點關於手機，點版本點屢次，就會顯示開發者選項，裏面有USB調試
回到電腦，點三角按鈕運行，Choose a Running device 真機調試 /*注意，版本需比手機Android 版本低
若是沒有設備顯示，需裝手機的驅動（能夠用驅動大師）
也能夠換一個USB口試試
*/
}

{//設置Cordova支持的平臺
> cd hello
> cordova platform ls //查看支持的平臺
> cordova platform add android@6.0 --save /*添加對Android平臺支持
--save 是安裝在本地， -g 是安裝全局
@6.0 指定Android版本 這裏最好指定和Android Studio對應的版本。規避版本不匹配的問題
報錯： Fail to install cordova-plugin-whitelist
解決方法： cordova plugin add cordova-plugin-whitelist@1.0.0
有的下載會中斷，重複幾回

報錯： download gradle 超時。
解決方法： 把離線下載的gradle-2.14-all.zip 放到
C:\Users\XXX\.gradle\wrapper\dists\gradle-2.14.1-all\53l0mv9mggp9q5m2ip574m21oh 目錄下便可以了
XXX 是你的用戶名
53l0mv9mggp9q5m2ip574m21oh 這串字符要看本身的電腦上生成的

報錯： You have not accepted the license agreements of the following SDK components: [Android SDK Build-Tools 24, Android SDK Platform 24].
解決方法： 需Android Studio 安裝了對應版本的SDK ,這裏下載24版本的（需設置代理才能下載）
打開Android Studio Tools -> SDK Manager -> Http Proxy -> Manu Proxy ->
Host Name 設爲： mirrors.neusoft.edu.cn
Port 80
點 Check Connection 測試連接
Android SDK -> Lanuch Standlone SDK Manager
選擇對應的 24版本下載 （注意：下載不了時，能夠從新鏈接一下代理，多下載幾回就能夠了）

下載好的SDK 包在 C:\Users\ivan\AppData\Local\Android\SDK
見離線包 裏的sdk (若是網絡下載不了，能夠把它防止對應的位置）

*/
> cordova build android /*編譯生成 android 平臺的代碼
下載很慢如 https://repo1.maven.org/maven2/org/bouncycastle/bcprov-jdk15on/1.48/
解決方法：
代理，
或離線下載

下載慢，用國內源
> npm install -g cnpm --registry=https://registry.npm.taobao.org
*/

> cordova emulate android /* 模擬器運行 （建議跳過，因性能太差）
報錯： HAXM is not working and emulator runs in emulation mode
emulator: The memory needed by this AVD exceeds the max specified in your HAXM configuration.
emulator: AVD RAM size = 1536 MB
emulator: HAXM max RAM size = 512 MB
emulator: You might want to adjust your AVD RAM size and/or HAXM configuration to run in fast virt mode.
模擬器卡在android 字樣處。不能進入Android 主界面
解決方法：
需安裝HAXM 見 Android Studio Tools -> SDK Manager ->
Android SDK -> Lanuch Standlone SDK Manager
選擇 Extras 裏的HAXM 安裝 ，安裝後 （若是不能聯網，離線包裏有）
點擊安裝 C:\Users\ivan\AppData\Local\Android\sdk\extras\intel\Hardware_Accelerated_Execution_Manager\intelhaxm-android.exe
從新設置值爲和AVD 一致的1536 MB
重啓 AVD
*/

用Android Studio 導入該項目(如C:\ivan\cordova_android\hello\platforms\android) /*
報錯： Gradle sync failed: Cause:https\://services.gradle.org/distributions gradle-2.14.1-all.zip
緣由： 項目須要對應版本的gradle去編譯管理項目，
查看咱們的gradle。見C:\Users\ivan\.gradle\wrapper\dists\gradle-2.14.1-all\ 是有的
爲什麼還要報錯呢？ 咱們往下看裏面有 53l0mv9mggp9q5m2ip574m21oh 和9ossqmv60fyibylheubs4isy9
9ossqmv60fyibylheubs4isy9裏文件是空的，原來，新項目可能會從新產生一個編碼。
只要咱們把53l0mv9mggp9q5m2ip574m21oh裏OK內容拷貝到9ossqmv60fyibylheubs4isy9中，
而且 File->Invalidate and restart 清除緩存重啓，就OK了

解決方法2：更改版本檢測 （該方法不必定行）
更改
C:\ivan\cordova_android\MyApp\platforms\android\gradle\wrapper\gradle-wrapper.properties
裏爲已有版本 distributionUrl=https\://services.gradle.org/distributions/gradle-2.8-all.zip
把 .gradle/2.8 考到對應位置
*/
USB接入Android手機，真機運行
}

{//轉換到手機上運行實例
準備h5項目源碼 如 「項目包」
> cordova create h5prj2 //建立cordova項目，注意其所在路徑和文件名不能爲中文，不然報錯 non-ASCII characters
解壓「項目包」命名爲www 並替換 h5prj2裏的www
指定入口：更改config.xml裏的入口程序名index.html 爲 05-03-曬單.html
> cordova platform add android@6.0 --save
> cordova build android
用Android Studio 導入該項目:file-new-import project-選擇所要倒文件裏的android，點ok
USB接入Android手機，點Android Studio 運行按鈕，真機運行 //會在手機上看到項目界面

}

}