You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 09:24:03