首页/ 学科题库/ vite/ Vite概述与安装专题测试
vite 模拟试卷

Vite概述与安装专题测试

15 题 30 分钟 难度:★
  • Vite 核心特性与设计理念
  • Vite 与 Webpack 等传统工具的区别
  • Vite 安装与项目初始化
  • 开发环境启动与基础命令
  • ESM 模块加载原理

试卷习题(15 题)

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

使用 create-vite 脚手架创建项目时,可以指定模板类型,如 vue、react、vanilla 等。

A

对

B

错

2
判断题

Vite 在开发环境下使用浏览器原生 ESM 进行模块加载,而不是像 Webpack 那样先将所有模块打包成一个 bundle。

A

对

B

错

3
判断题

Vite 项目 package.json 中默认包含 dev、build、preview 三个脚本命令。

A

对

B

错

4
判断题

Vite 要求 Node.js 版本必须 >= 14.18 才能正常运行。

A

对

B

错

5
判断题

Vite 项目中,index.html 文件位于项目根目录,而不是 src 目录下。

A

对

B

错

单选题
6
单选题

Vite 项目中 public 目录的作用是什么?

A

存放源代码文件

B

存放不需要经过 Vite 处理的静态资源

C

存放构建输出产物

D

存放配置文件

7
单选题

Vite 实现快速冷启动的核心技术方案是什么?

A

使用多线程并行打包

B

利用浏览器原生 ESM 按需加载模块

C

使用更高效的压缩算法

D

缓存所有依赖到内存中

8
单选题

使用 npm 创建一个新的 Vite 项目,应该执行哪个命令?

A

npm install vite

B

npm create vite my-app

C

npm init vite@latest my-app

D

npm run create vite

9
单选题

创建 Vite 项目后,首次启动开发服务器需要执行什么操作?

A

直接运行 npm run dev

B

先安装依赖 npm install,再运行 npm run dev

C

先构建项目 npm run build,再运行 npm run dev

D

先配置 vite.config.js,再运行 npm run dev

10
单选题

npm run preview 命令的作用是什么?

A

启动开发服务器进行实时开发

B

构建生产版本的项目

C

本地预览已构建的生产产物

D

检查代码是否有错误

填空题
11
填空题

Vite 项目启动开发服务器的命令是:

12
填空题

使用 pnpm 创建 Vite 项目的命令是: my-app

13
填空题

Vite 项目构建后的输出目录默认是

14
填空题

Vite 由 Vue.js 作者 创建,其名称来源于法语单词"",意为"快速"。

15
填空题

Vite 项目生产构建的命令是:

参考答案
1.正确 2.正确 3.正确 4.正确 5.正确 6.B 7.B 8.C 9.B 10.C 11.npm run dev 12.pnpm create vite 13.dist 14.Evan You;vite 15.npm run build
想在手机上在线作答这套卷子?
使用微信 卷王开发者小程序/App,首页顶部扫一扫识别二维码,即可限时作答并自动判分。
了解产品 App
← 上一套 Vite初级技能认证测试 下一套 → Vite高级技能认证测试