項目創建

Vite 是一個 web 開發構建工具，由於其原生 ES 模塊導入方法，它允許快速提供代碼。

通過在終端中運行以下命令，可以使用 Vite 快速構建 Vue 項目。

npm install -g create-vite-app //安裝vite

create-vite-app 項目名稱 

cd 你的項目

npm install

npm run dev

目錄分析

1.index.html

所有東西顯示在id=「app「中，同時引入main.js入口文件

2.main.js

從vue中導入createApp方法

導入app組件

將App組件傳給createApp方法，再掛在到id = 「app」上

3.App.vue

引入HelloWorld組件，並寫在template中，導出

4.HelloWorld.vue