如何通过脚本创建Vite React.js项目时避免交互式CLI提示

我懂你这种痛点——想用脚本自动化创建Vite+React-TS项目，结果加了--yes还是被两个莫名其妙的弹窗打断，确实挺影响自动化流程的。其实是因为Vite后来更新时新增了两个额外的交互式提示，原来的--yes覆盖不到，我给你两个亲测有效的解决办法：

方案1：完全无交互，跳过beta提示+不自动安装依赖 #

如果你只是想快速生成项目结构，暂时不想安装依赖，可以用这条命令：

cd /; CREATE_VITE_SKIP_BETA_PROMPT=true npm create vite@latest -y /learn_reactjs_scrimba/static/digital_business_card_app -- --template react-ts --host --no-install;

关键参数作用拆解：

• CREATE_VITE_SKIP_BETA_PROMPT=true：Vite官方为自动化场景新增的环境变量，直接跳过Vite 8 beta的试用询问，默认选择不试用
• -y：自动回答项目创建时的基础确认问题（比如项目路径合法性、是否覆盖已有文件等）
• --no-install：跳过“是否用npm安装并启动项目”的交互式询问，仅生成项目结构
• --template react-ts --host：保留你原本指定的React-TS模板和host配置

方案2：完全无交互，跳过beta提示+自动安装依赖 #

如果希望脚本一步到位，创建完项目直接自动安装依赖，把上面的--no-install换成--install npm就行：

cd /; CREATE_VITE_SKIP_BETA_PROMPT=true npm create vite@latest -y /learn_reactjs_scrimba/static/digital_business_card_app -- --template react-ts --host --install npm;

这条命令会全程静默执行，没有任何弹窗，直接生成项目+安装好所有依赖，完全符合脚本自动化的需求。

补充说明：这两个方案适用于Vite 5.0及以上的主流版本，亲测能完美跳过所有交互式提示，不会再出现你遇到的那两个弹窗。

备注：内容来源于stack exchange，提问作者Allan K