沒有選擇react-navite，而選擇cordova+vue2.x，是因為react-navite有學習成本，並且cordova+vue2.x程式設計師
 可以直接上手，效能上可以滿足需求，成本低，開發速度快。

安裝所需軟體

1. 安裝node.js，官網下載，傻瓜式安裝，安裝成功截圖
   
2. 安裝vue，自行百度，成功截圖
   
3. 安裝cordova
   
   安裝成功截圖：
   
4. 安裝JDK
   
   5 安裝SDK studio等 稍微詳細記錄
   

新建專案與打包

1. 新建專案

建立一個名字為hello 包名為com.lex.hello的專案

cordova create hello com.lex.hello

2. 在cordoa裡新建vue專案

vue init webpack

3. 啟動vue web專案

npm run dev

4. 修改配置
   cordova 預設訪問路徑為根目錄下www資料夾
   
   所以我們需要修改打包預設路徑：
   

在根目錄：index.html增加引入cordova.js

<script type="text/javascript" src="cordova.js"></script>

將www目錄下index.html中meta標籤複製至根目錄下index.html檔案，即增加：

 <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
 

5. git配置
   修改根目錄下.gitinore檔案，切記一定要忽略，否則多人會遇到很多問題，遇到過很多坑：

.DS_Store
node_modules/
/dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
 
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
 
*~
*.sw[mnpcod]
*.log
*.tmp
*.tmp.*
log.txt
*.sublime-project
*.sublime-workspace
.vscode/
 
.idea/
.sass-cache/
.tmp/
.versions/
coverage/
tmp/
temp/
hooks/
platforms/
plugins/
plugins/android.json
plugins/ios.json
www/
$RECYCLE.BIN/
 
Thumbs.db
UserInterfaceState.xcuserstate
 

6. 編譯和執行
   執行cordova命令，新增andorid和ios外掛，切記在根目錄執行

cordova platform add ios

cordova platform add android

編譯：

npm run build

為了節省時間，不用每次編譯，安裝，package.json：

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "build android": "npm run build && cordova build android",
    "build ios": "npm run build && cordova build ios",
    "android": "npm run build && cordova run android --device",
    "ios": "npm run build && cordova run ios --device"
},

7. 命令詳細講解

build命令，講專案編譯至根目錄www下，cordova預設訪問

npm run build

npm run android命令 最最常用，檢視上面配置檔案，是執行了npm run build && cordova run android --device兩個命令

編譯並安裝至手機

npm run android

不編譯 直接安裝至手機執行

cordova run android

安裝之時 要連線手機 手機開啟USB除錯模式

8. 總結
   寫此文章主要深受此https://blog.csdn.net/liujiawei00/article/details/79446231小仙女影響，再此深表感謝。
   以後我也會堅持寫部落格，目前專案cordova專案已經上線，我將會持續寫教程和躺過的一些坑。