vue cordova生成app

1、Cordova環境：

　　一、Java開發工具包 

　　　　　　安裝Java Development Kit (JDK)，設置  JAVA_HOME 環境變量。win+R 或者 點擊開始--〉運行 輸入「cmd」,打開系統命令提示框，輸入 java -version，檢查是否安裝成功；輸入 javac， 若提示」'JAVAC' 不是內部或外部命令，也不是可運行的程序 或批處理文件「，則檢查是否安裝jdk，只安裝了jre，若安裝了jdk，仍是不行，是環境配置有問題，把環境變量設置一下就行了。

 

　　　　JAVA_HOME   D:\Program Files\Java\jre1.8.0_151

　　　　

　　　　%JAVA_HOME%  變量表明  D:\Program Files\Java\jre1.8.0_151  

 

　　　　Path值裏添加   ;%JAVA_HOME%\bin;D:\Program Files\Java\jre1.8.0_151\jre\bin;　注意前面分號  

　　　　

 

　　　　輸入 java -version　輸入 javac ， 檢查是否安裝成功

 

　　二、Android SDK

　　　　安裝Android Studio，添加SDK包，設置環境變量

　　三、全局安裝cordova

　　　　npm install -g cordova

　　四、建立一個APP項目工程

　　　　cordova create MyAppName org.apache.cordova.MyAppName myApp

 

• • 　　MyAppName ：cordova目錄名
  • 　　org.apache.cordova.MyAppName ： 包名
  • 　　myApp： 項目名（在config.xml的<name>中查看）

 　　五、建立android項目 或 ios

　　　　cordova platform add android 或 cordova platform add ios

 

 

2、Vue項目

　　一、安裝 node.js； win+R 或者 點擊開始--〉運行 輸入「cmd」,打開系統命令提示框，輸入 node -v，若是能顯示出版本號，就說明安裝成功。

　　二、安裝好了 node，咱們能夠直接全局安裝 vue-cli：

　　　　npm install -g vue-cli

　三、可是這種安裝方式比較慢，推薦使用國內鏡像來安裝，因此咱們先設置 cnpm

　　　　npm install -g cnpm --registry=https://registry.npm.taobao.org　　　

　　　　cnpm install -g vue-cli

　四、生成vue項目

　　　　vue init webpack 項目名稱（Vue-Project）

　　　　

　　　　完成後命令 進入到你建立的項目中的根目錄中，執行

　　　　　　cnpm install 安裝模塊

　　　　安裝完成後，可執行 

　　　　　　npm run dev  啓動項目

　　　　　　npm run build  打包項目

3、注意

　　一、最新vue-cli 2.9.1的webpack存在問題，發現bulid文件下少了兩個文件，分別是dev-sever.js和dev-client.js 

　　　　　　這是由於 vue-cli 依賴的webpck版本發生了變化，檢查package.json 就可看出來且啓動命令也發生了變化：

　　　　vue-cli 2.8

　　　　

　　　　

 

　　　　vue-cli 2.9.1

　　　　

 

　　　　

　　

　　　二、2.9.1版本 不會本身啓動瀏覽器

　　　　 

 

4、將vue項目 build 後的文件 dist文件夾中的內容 複製到app項目MyAppName中 www文件夾下

　　cordova build android    //構建apk