如何使用类似命令通过Webpack 5初始化Vue 3项目？

旧版vue-cli（对应Vue 2 + Webpack 3）已经被官方新一代脚手架替代，以下是和你之前习惯的命令流类似的操作方式：

步骤1：清理旧版全局脚手架（如果已安装） #

先卸载全局旧版vue-cli，避免版本冲突：

npm uninstall -g vue-cli

步骤2：安装最新官方脚手架 #

安装支持Vue 3和Webpack 5的@vue/cli（官方新一代全局脚手架）：

npm install -g @vue/cli

步骤3：创建Vue 3 + Webpack 5项目 #

运行创建命令，通过交互式配置生成项目：

vue create my-project

交互式配置要点： #

• 选择 Manually select features（手动选择特性），按需勾选项目需要的功能（如Babel、Router、Vuex等）
• 选择Vue版本为 3.x
• 从@vue/cli 4.5版本开始，Webpack 5是默认配置，无需额外修改即可使用最新的Webpack 5

如果想跳过交互直接快速创建，可使用官方预设命令：

vue create --preset vuejs/vue-cli-preset-vue3 my-project

替代方案：轻量脚手架（官方推荐） #

如果你不需要复杂的Webpack自定义配置，官方现在更推荐轻量的create-vue，命令如下：

npm init vue@latest my-project

该方式同样生成Vue 3项目，底层基于Vite（比Webpack更快的构建工具），若仍偏好Webpack，优先选择上述@vue/cli方案。

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