自动打开浏览器

Vite 支持启动开发服务器时自动打开浏览器，省去手动输入地址的步骤。

命令行方式

# 启动时自动打开
vite --open

# 或通过 npm scripts
npm run dev -- --open

配置文件方式

import { defineConfig } from 'vite'

export default defineConfig({
  server: {
    open: true
  }
})

指定打开路径

export default defineConfig({
  server: {
    // 打开特定路径
    open: '/about.html'
  }
})

指定浏览器

export default defineConfig({
  server: {
    // 指定浏览器应用
    open: {
      app: 'chrome'
    }
  }
})

常用浏览器名称：

注意：浏览器名称取决于系统配置，可能需要完整路径。

配置对比

要点总结

• server.open 启动时自动打开浏览器
• 可指定打开路径和浏览器
• 命令行适合临时使用
• 配置文件适合固定设置