vue 常見操作 及 ionic 實戰回顧

npm install axios sass-loader vue-infinite-scroll vue-router vuex express superagent --save

--save 和 --save-dev 的區別：

--save 安裝的插件位於 dependencies 之下

--save-dev 安裝的插件位於 devDependencies 之下

安裝 vue-router

$ npm install vue-router --save-dev

安裝 mint-ui

$ npm install mint-ui --save-dev

安裝 vue-resource

$ npm install vue-resource --save-dev

安裝 node-sass

$ npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

webapp開發選擇:

Angular + Ionic-UI

Vue + Element-UI

React + Material-UI

回顧 ionic 實戰：

1.npm install -g cordova ionic // 全局安裝cordova和ionic

2.ionic start myIonic blank // 空白頁面

或 ionic start myIonic tabs // 帶有tabs欄

或 ionic start myIonic sideMenu // 帶有左滑導航欄

3.cd myIonic // 進入項目

4.ionic serve // 在服務器上啟動

5.ionic platform add android // 添加android平台

ionic platform add ios // 添加ios平台

6.ionic platform list // 查看安裝的所有平台、

ionic plugin list // 查看安裝的所有插件

7.adb version // adb的全稱為Android Debug Bridge，就是起到調試橋的作用。借助adb工具，我們可以管理設備或手機模擬器的狀態。

8.ionic run android // 連接真機,在真機上運行

9.ionic build android -release // 打包

10.ionic serve // PC端運行

.