使用create-vite指定非同级目录时如何取消不必要的包名提示？

使用create-vite搭建Vite项目时，只要调整目标文件夹路径（比如嵌套子目录或上级目录），就会弹出不必要的包名提示：

• 直接指定同级目录时，执行命令：

  npm create vite test-vite-app2 -- --template react
  

  不会弹出提示，package.json的name字段自动设为test-vite-app2，符合预期。
• 指定嵌套子目录时，执行命令：

  npm create vite temp/test-vite-app2 -- --template react
  

  会被要求设置包名，默认值是文件夹结构的拼接字符串。
• 指定上级目录时，执行命令：

  npm create vite ../test-vite-app2 -- --template react
  

  默认包名会带前缀短横线。

想知道有没有办法取消这个不必要的提示，或者至少设置合理的默认值？

有两种实用方式可以解决这个问题：

1. 命令行参数直接指定包名 #

在命令末尾添加--name参数，手动定义你需要的包名，即可跳过交互式提示：

• 嵌套目录场景：

  npm create vite temp/test-vite-app2 -- --template react --name test-vite-app2
  

• 上级目录场景：

  npm create vite ../test-vite-app2 -- --template react --name test-vite-app2
  

  执行后package.json里的name会直接设为你指定的值，完全跳过提示步骤。

2. 开启非交互式模式 #

create-vite支持--yes（或简写-y）参数，开启后会跳过所有交互式提示，自动完成项目创建。如果觉得默认路径拼接的包名不合理，可以结合--name参数一起使用，既跳过提示又指定合理的包名：

npm create vite ../test-vite-app2 -- --template react --yes --name test-vite-app2

内容的提问来源于stack exchange，提问作者ChillyPenguin