chore: 多环境配置 & vite 环境变量声明 & vite 配置

src/App.vue

@@ -1,7 +1,15 @@
 <script setup lang="ts">
 // This starter template is using Vue 3 <script setup> SFCs
 // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
-import HelloWorld from './components/HelloWorld.vue'
+import HelloWorld from "./components/HelloWorld.vue"
+console.log('测试 console.log')
+console.info('测试 console.info')
+console.error('测试 console.error')
+console.info('测试 VITE_BASE_API', import.meta.env.VITE_BASE_API)
+console.info('测试 MODE', import.meta.env.MODE)
+console.info('测试 BASE_URL', import.meta.env.BASE_URL)
+console.info('测试 DEV', import.meta.env.DEV)
+console.info('测试 PROD', import.meta.env.PROD)
 </script>
 
 <template>

src/env.d.ts

@@ -1,8 +1,14 @@
 /// <reference types="vite/client" />
 
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
+/** 声明自动引入的 vue 组件 */
+declare module "*.vue" {
+  import type { DefineComponent } from "vue"
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>
   export default component
 }
+
+/** 声明 vite 环境变量的类型（如果未声明则默认是 any） */
+declare interface ImportMetaEnv {
+  readonly VITE_BASE_API: string
+}