今天我們來介紹如何使用ionic和vue進行web app的開發。
首先需要在命令行中安裝ionic框架和vue的腳手架vue-cli。安裝ionic請使用以下命令:
npm install -g ionic
安裝vue-cli請使用以下命令:
npm install -g vue-cli
接下來我們創建一個新的ionic項目。
ionic start myApp tabs
這將創建一個具有選項卡式導航的ionic項目。接著進入項目所在目錄,并且使用vue-cli創建vue項目:
cd myApp vue init webpack
這將創建一個包含webpack配置的vue項目,然后我們需要為vue和ionic之間的集成安裝一些必需的依賴項:
npm install vue-router vue-resource ionic2@beta --save
我們需要在vuex實例中引入ionic。在main.js中添加以下代碼:
import Ionic from 'ionic2/dist/ionic'; Vue.use(Ionic);
現在我們已經完成了ionic和vue的集成。接下來可以遵循vue和ionic的官方文檔來構建應用程序。
下一篇css3圓形左右移動