中小型VUE3项目创建流程相关命令tips

开新项目因为距离上次初始化时间太过久远，忘记初始化命令的有多少？
不得已简要记录一下流程

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: