1. 程式人生 > >Cordova+Vue 專案初始化

Cordova+Vue 專案初始化

全域性安裝cordova
$ npm install -g cordova

建立一個專案名為MyAPP的工程
$ cordova create MyApp

生成目錄如下圖:
這裡寫圖片描述

全域性安裝Vue-cli
$ npm install --global vue-cli

建立一個基於webpack模板的新專案

$ vue init webpack MyApp(名字可以和上面工程一樣)

建立好目錄見如下:
這裡寫圖片描述

$ cd MyApp

$ npm install

$ npm run dev

3.修改Vue專案config/index.js檔案
這裡寫圖片描述

4 .對Vue工程進行build,編譯之後打包生成的程式碼自動跑到主目錄下的WWW檔案下
cd 到Vue的MyApp目錄下,執行npm run build

5 . 對cordova進行各種平臺進行編譯
cd到 主目錄下,執行 cordova build iOS、cordova build Android等。