vue3+ts 生产和开发环境配置

对于Vue 3和TypeScript的生产和开发环境配置，你可以按照以下步骤进行设置：

1. 创建项目并安装Vue CLI：

   npm install -g @vue/cli
   vue create my-project

2. 选择配置模板：
在项目创建过程中，你可以选择Vue CLI提供的预设配置模板。对于使用Vue 3和TypeScript的项目，你可以选择"Manually select features"，然后勾选"TypeScript"。

3. 配置开发环境：
- 在根目录下创建一个`.env.development`文件，并添加以下内容：

     VUE_APP_BASE_API=http://localhost:8080/api

- 在根目录下的`vue.config.js`文件中，添加以下内容：

     module.exports = {
       // ...
       devServer: {
         proxy: {
           '/api': {
             target: 'http://localhost:3000',
             changeOrigin: true,
             pathRewrite: {
               '^/api': ''
             }
           }
         }
       }
     }

4. 配置生产环境：
- 在根目录下创建一个`.env.production`文件，并添加以下内容：

     VUE_APP_BASE_API=https://example.com/api

- 在根目录下的`vue.config.js`文件中，添加以下内容：

     module.exports = {
       // ...
       productionSourceMap: false,
       publicPath: '/',
       outputDir: 'dist',
       assetsDir: 'static',
       filenameHashing: true,
       // 其他配置...
     }

这样，你就完成了Vue 3和TypeScript的生产和开发环境配置。你可以根据需要修改以上配置来适应你的项目要求。