Vite 起服务时自动打开指定浏览器

发布时间 2023-04-22 16:27:03作者: wanglei1900

vite启动,自动启动并打开指定浏览器(macOS,Windows操作应该同理)

  • 在vite.config.ts的配置项server的open属性设置为true 将会在vite起服务的时候自动打开浏览器
	server: {
		host: "0.0.0.0", // 服务器主机名,如果允许外部访问,可设置为"0.0.0.0"
		open: true,
	},
  • 注意此时打开的是默认浏览器,若你不想修改默认浏览器并且还需要指定浏览器打开,可以新建.env.local文件 下设置变量(本地环境变量,不能影响其他开发者),注意变量名BROWSER是不能变的,值的话请到应用里找到你喜欢的浏览器并复制其名字
# 开发打开的浏览器
BROWSER = Google Chrome.app
  • 若还是没有成功,则是你没有将Chrome加入到系统环境变量中

  • 终端将chrome配置到系统变量,具体地址请你自己调整
    export PATH="/Applications/Google Chrome.app/Contents/MacOS:$PATH"

完成以上步骤后,即可在不设置默认浏览器的情况下在vite起服务时自动打开指定的浏览器