[筆記] 從 Vue CLI 3 開始建立規模化專案

章節連結

用 Vue CLI 3,可以快速的建立一個 Vue 專案。雖說是方便,但要能夠規模化的管理 vuex, scss, vue-router 等等檔案,還是要自己手動新增 / 刪除一些東西。這邊筆記下自己最新整理出的架構規劃。
vue.js logo vue


事前準備

1. 安裝好 Node.js ,畢竟這 Vue CLI 套件工具是建立在 Node.js 上的
2. 確認是否安裝成功,可以用 vue –version 來確認

基本選項安裝

這回的專案會用到 vuex, vue-router, SCSS, Linter / Formatter。這些可以在 create 專案時,一併下載併安裝完畢。

專案結構

一些細部檔案設定


參考資料

1. Vue CLI 3 安裝與使用教學
2. Vue cli 3 hot reload suddenly not working in browsers

按讚加入粉絲團

延伸閱讀

GA瀏覽人氣:35