Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架

以下是一个使用Vite2、Vue3、TypeScript和Pinia搭建的基本的企业级开发脚手架的示例：

1. 安装项目依赖：

npm init vite@latest my-vue-app --template vue-ts
cd my-vue-app
npm install

2. 安装Pinia：

npm install pinia

3. 设置Vue项目使用Pinia：

   在src目录下创建一个store文件夹，并添加index.ts文件：

// src/store/index.ts
import { createPinia } from 'pinia';
 
const store = createPinia();
 
export default store;

然后在main.ts中引入Pinia并挂载：

// src/main.ts
import { createApp } from 'vue';
import App from './App.vue';
import './style.css';
import store from './store';
 
const app = createApp(App);
 
app.use(store);
 
app.mount('#app');

4. 配置Vite：

   在vite.config.ts中配置Pinia插件（如果需要）：

// vite.config.ts
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
 
export default defineConfig({
  plugins: [vue()],
});

以上代码提供了一个基本的框架，您可以根据实际需求添加更多的配置和功能，例如路由、状态管理、请求拦截等。