[GN] 使用vue3+vite+ts+prettier+eslint

这是一个基于Vue 3、Vite、TypeScript、Prettier和ESLint的项目配置问题。问题描述不是一个具体的错误信息，而是一个需要配置的技术栈。

下面是一个简单的配置示例，你可以将其添加到你的vite.config.ts文件中，以启用Prettier和ESLint插件：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import eslintPlugin from 'vite-plugin-eslint'
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    eslintPlugin({
      cache: false, // 禁用缓存
      include: ['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.vue', 'src/**/*.js'], // 需要检查的文件
      exclude: ['node_modules', 'dist'] // 需要排除的文件
    })
  ],
  esbuild: {
    jsx: 'preserve',
  },
  // 配置eslint在开发服务器中运行
  server: {
    open: true,
    https: false,
    host: 'localhost',
    port: 3000,
    proxy: {
      '/api': {
        target: 'http://api.example.com',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }
})

确保你已经安装了所有必要的依赖，并且在你的项目根目录中有一个.eslintrc.js或.eslintrc.json配置文件，以及一个.prettierrc配置文件。

安装依赖：

npm install --save-dev vite-plugin-eslint eslint eslint-plugin-vue

以上配置是基于Vite官方推荐的插件和配置方式。如果你有特定的Prettier和ESLint规则需要应用，请确保相应的配置文件中已经正确设置。