使用Vite脚手架创建项目时能否像Vue CLI一样手动选择功能?
Vite 能否实现类似 Vue CLI 的手动选择功能特性初始化?
完全可以实现,官方默认的 create-vite 脚手架主打轻量化快速初始化,所以没有内置复杂的功能选择交互,但有成熟的落地方案:
方案1:使用官方维护的 create-vue 脚手架
这是 Vue 官方团队推出的基于 Vite 的项目初始化工具,完全复刻了 Vue CLI 的手动选择功能体验,支持手动勾选以下特性:
- TypeScript 支持
- JSX 语法支持
- Vue Router 路由
- Pinia 状态管理
- Vitest 单元测试
- E2E 测试工具
- ESLint 代码校验
- Prettier 代码格式化
使用方式非常简单,直接执行命令即可进入交互选择流程:
npm create vue@latest
生成的项目默认基于 Vite 构建,配置和依赖都会根据你勾选的选项自动生成,无需手动调整。
方案2:自定义封装专属脚手架
如果你需要适配非 Vue 技术栈、或者添加自定义的功能选项,可以自己封装脚手架实现,核心步骤如下:
- 用
inquirer库实现交互式命令行选择界面,自定义所有你需要的功能选项 - 提前准备不同功能组合的 Vite 模板片段,或者写逻辑动态修改模板的
package.json、配置文件内容 - 根据用户选择的结果拼接生成完整的项目结构,最后自动执行依赖安装即可
内容的提问来源于stack exchange,提问作者Anand
相关产品推荐
相关产品推荐

