Vue小白課（四）——項目結構解析（Vue3.x）

@Vue項目結構解析

create by db on 2019-1-10 16:28:10 Recently revised in 2019-3-9 21:52:41

 Hello 小夥伴們，若是以爲本文還不錯，麻煩點個贊或者給個 star，大家的贊和 star 是我前進的動力！GitHub 地址

 查閱網上諸多資料，並結合本身的學習經驗，寫下這篇Vue3.0學習筆記，現分享給你們，以供參考。

 做爲一隻前端菜鳥，本篇文章旨在記錄本身的學習心得，若有不足，還請多多指教，謝謝你們。

前言

 在上一篇項目搭建文章中，咱們已經下載安裝了node環境以及Vue-CLI3，而且已經成功構建了一個Vue-CLI3項目——見Vue小白課（三）——CLI搭建項目（Vue3.x）。那麼接下來，咱們來梳理一下Vue-CLI3項目的結構。

 參考文獻：

• Vue3.x官方文檔

• 利用vue-cli3快速搭建vue項目詳細過程 | 簡書-zhyzhyzz

• vue-cli3.0項目結構 | 簡書-戴眼鏡的松鼠

正文

 vue-cli3.0默認項目目錄與2.0的相比，更加精簡:

1. 移除的配置文件根目錄下的，build和config等目錄，
2. 移除了static文件夾，新增了public文件夾，而且index.html移動到public中。
3. 在src文件夾中新增了views文件夾，用於分類 試圖組件 和 公共組件 。
4. 大部分配置 都集成到 vue.config.js這裏,在項目根目錄下

Vue-CLI3項目結構一覽

總結

 路漫漫其修遠兮，與諸君共勉。

後記：Hello 小夥伴們，若是以爲本文還不錯，記得點個贊或者給個 star，大家的贊和 star 是我編寫更多更豐富文章的動力！GitHub 地址

db 的文檔庫 由 db 採用 知識共享 署名-非商業性使用-相同方式共享 4.0 國際 許可協議進行許可。
基於github.com/danygitgit上的做品創做。
本許可協議受權以外的使用權限能夠從 creativecommons.org/licenses/by… 處得到。