全部学科
Python全栈
python
NodeJS全栈
nodejs

Vite概述与安装专题测试

15 题 30 分钟 难度:★

考察知识点

  • Vite 核心特性与设计理念
  • Vite 与 Webpack 等传统工具的区别
  • Vite 安装与项目初始化
  • 开发环境启动与基础命令
  • ESM 模块加载原理
💡 参考答案在文末
判断题
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
想在手机上练习这套试卷?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码
← 上一套试卷 Vite初级技能认证测试
下一套试卷 → Vite高级技能认证测试
扫码体验小程序
加载中
想在手机上刷题学习?
使用微信卷王开发者小程序,打开首页顶部扫码功能识别二维码