vscode 启动vite 服务

Visual Studio Code (VSCode) 是一款非常流行的代码编辑器，它支持多种前端开发工具插件，包括 Vite。Vite 是一种快速、轻量级的前端构建工具，特别适合现代 Web 开发。要在 VSCode 中启动 Vite 服务，通常需要以下几个步骤：

1. 安装 Vite 插件：首先确保已经在项目根目录安装了 Vite。你可以通过命令行运行 `npm install -D vite` 或者 `yarn add -D vite` 来安装。

2. 配置 Vite：创建或更新 `vite.config.js` 文件，配置项目的构建细节，如入口点、输出路径等。例如：

// vite.config.js
import { defineConfig } from 'vite';
export default defineConfig({
  root: './src',
  build: {
    outDir: 'dist',
  },
});

3. 启动 Vite：在 VSCode 中，打开终端（Terminal），导航到项目文件夹并运行 `npm run dev` 或 `yarn dev` （如果已经配置了 `scripts`）。这将启动 Vite 服务器，并实时编译你的代码。

4. 监听变化：Vite 会在代码改变时自动刷新浏览器预览，无需手动刷新。在 VSCode 的终端中，你应该能看到类似 "Server started and ready on..." 的消息。