2.2　Vite目錄結(jié)構(gòu)

在Visual Studio Code（VSCode）編輯器中打開my-vue-app站點，Vite自動生成的Vue3項目的初始目錄結(jié)構(gòu)如圖2-2所示。

圖2-2

Vue3項目的初始目錄結(jié)構(gòu)主要包含如下幾項。

• node_modules：用于存放npm安裝的各種依賴包。
• public：用于存放項目的公共文件。
• src：src目錄作為重點目錄，項目代碼基本都是在src目錄中進行操作的，其中assets目錄用于存放靜態(tài)資源，如CSS、JS等文件，components目錄用于存放自定義組件，App.vue是項目的根組件，main.js是項目的入口。
• index.html：即項目首頁，Vue根組件最終掛載到首頁文件。
• package.json：包管理配置文件。
• vite.config.js：Vite的配置文件，如配置接口跨域。