開新項目因為距離上次初始化時間太過久遠，忘記初始化命令的有多少？
不得已簡要記錄一下流程

1. 使用vite構建新項目

1.1 構建

npm create vite@latest my-vue-app --template vue

1.2 安裝依賴

npm install

1.3 啟動

npm run dev

參考文檔

2. 添加需要的插件

2.1 準備工作

2.1.1 修改/src/main.js，

const app = createApp(App)
app.mount('#app')

2.1.2 啟用調試工具，添加@路徑指示

安裝

npm install vite-plugin-vue-devtools
npm install path

修改vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import path from 'path'export default defineConfig({plugins: [vue(),vueDevTools(),],resolve:{alias:{'@':path.resolve(__dirname,'src')}},
})

2.2 狀態管理pinia

 npm install pinia

新建/src/stores/index.js，添加初始代碼

import { defineStore } from "pinia";// 假設這是你的初始數據
const jsonData = {/* 你的初始數據 */
};export const mainStore = defineStore('main', {state: () => ({data: jsonData}),getters: