- 安裝
vite
npm i -g create-vite-app
*沒有按照npm的先安裝node，node自帶npm工具
node的下載地址：https://nodejs.org/en/download/
- 使用
create-vite-app命令創建項目
create-vite-app 項目名
- 然后進入到項目中，安裝依賴
cd 項目名
npm install
- 接著就可以運行項目了
npm run dev
如圖，運行成功會出現vite的版本號，以及對應項目運行地址
運行結果
以上就是使用vite工具創建項目的過程！使用vite，可以很方便的創建項目，
其中，入口文件：index.html
index.html中導入了src目錄下的main.js"模塊
在main.js中，
首先從vue中import了createApp方法，import了App組件，以及import了index.css樣式文件，
然后通過createApp方法創建真實DOM并通過mount方法掛載到#app元素上，這點跟v2的語法有點不一樣
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
createApp(App).mount('#app')
App.vue文件中可以看到，
組件的寫法跟v2中差不多，template是結構模板，script是書寫相關邏輯，了解vue3的應該知道，里面還是有些不一樣的，比如composition API可以更好的代替option API
反正之后我們可以編寫自己的組件，然后導入到components中
