全部学科
Python全栈
python
NodeJS全栈
nodejs
📝 1 篇文章 6 道配套习题

开发服务器与热更新专题

专题说明

本专题介绍 Vite 开发服务器的启动与配置,以及热模块替换(HMR)的基本原理。

学习目标

  1. 学会启动 Vite 开发服务器
  2. 理解 HMR 热更新的基本原理
  3. 掌握自动打开浏览器等配置选项

学习内容

  • 启动开发服务器:vite 命令与默认端口
  • HMR 热更新原理:模块热替换机制
  • 自动打开浏览器:--open 参数配置

学习建议

实际运行开发服务器,观察热更新效果,尝试修改代码查看浏览器实时变化。

📝 配套习题(6 题)

💡 参考答案在文末
判断题
1

Vite 开发服务器默认监听 3000 端口。

A

B

2

配置 server.open 为 true 后,Vite 启动时会自动在浏览器中打开应用。

A

B

单选题
3

如何修改 Vite 开发服务器的监听端口?

A

修改 package.json 中的 port 字段

B

在 vite.config.js 中配置 server.port

C

创建 .env 文件设置 PORT 变量

D

在 index.html 中添加 meta 标签

4

如何配置 Vite 启动时自动打开特定浏览器?

A

server.open: 'chrome'

B

server.browser: 'chrome'

C

server.launch: 'chrome'

D

open.browser: 'chrome'

填空题
5

Vite 开发服务器默认端口是 ____________

6

配置 Vite 启动时自动打开浏览器的配置项是:____________

参考答案
1.错误 2.正确 3.B 4.A 5.5173 6.server.open
想在手机上练习这套专题?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码
← 上一个专题 基础配置入门专题
下一个专题 → 开发服务器高级配置专题
扫码体验小程序
加载中
想在手机上刷题学习?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码