壹般Ionic項目創建可以使用ionic-cli命令，即：
然而查看該命令說明和源碼是沒有Vue的項目模版的（見 STARTER_TEMPLATES中的projectType ）。
所以使用Vue來創建項目：
這是Vue很基礎的東西，安裝依賴並運行看下：
此時可以看到項目能正常運行的，壹般來說，應用都需要和路由打交道，所以添加下路由：
對Ionic集成，安裝ionic相關依賴（其中@ionic/core是組件部分，@ionic/vue是封裝成Vue方式調用的接口部分）：
安裝完成後，在main.js中添加配置：
再次運行，發現命令行會有告警提示：
同時頁面也會報錯，顯示空白頁面，這是壹個BUG（前期的版本是沒有這個BUG的），我們需要安裝ionicons，而且它對版本有要求，要在V4.5.10以下，所以執行：
此時再次運行，沒有告警也沒有錯誤提示，但是還是空白頁面，調試頁面發現有這樣壹個樣式：
我也不知道這是幹嘛用的，改了再說：
此時頁面看到有東西了， 那我們嘗試下ionic的組件能不能用 ，在Home.vue頁面添加壹個按鈕：
可以看到組件渲染出來了，為了和ionic的dom結構保持壹致，把App.vue稍微改動壹下，變為如下：
我們再試試看事件能不能響應，頁面稍微改壹下：
運行，發現能正常使用的。
為了支持Ionic的路由和使用其動畫和樣式，@ionic/vue裏在vue-router的基礎上做了封裝，所以處理壹下，打開router.js，修改壹下（把Router替換為IonicVueRouter即可）：
此時看到路由也是正常使用的。
眾所周知，Ionic默認是使用android/md（Material Design）模式的，如果想使用ios模式，在<html>上添加mode="ios"，即：
index.html添加meta項：
至此，基本項目配置就完成了，後續再談論更多細節。