vue cli是Vue.js的官方腳手架工具,它內置了一些常用的技術棧和構建工具,可以幫助開發者快速搭建一個基于Vue.js的項目。其中最基礎也是最重要的部分就是項目目錄。
vue cli默認會在項目根目錄下創建一個名為src
的文件夾,其中包含了我們日常開發中最頻繁接觸的代碼,如App.vue
組件、main.js
入口文件等。
src/
|—— assets/
|—— components/
|—— router/
|—— store/
|—— views/
|—— App.vue
|—— main.js
assets
文件夾存放項目的靜態資源文件,如圖片、字體、CSS等。而components
文件夾則用于存放組件,這些組件可以被全局使用,也可以被各個頁面單獨引用。目錄下的router
、store
、views
分別對應著Vue.js的路由、狀態管理、視圖部分,是功能模塊的劃分。
總的來說,vue cli默認的目錄結構比較清晰,方便開發者進行管理和維護。當然,我們可以根據項目需求進行自定義更改。在更改之前,最好還是要考慮清楚每個部分的作用和聯系,避免因為過分改動導致難以排查異常和維護。
上一篇python 語法 簡書
下一篇vue cli 庫