Vue2工程化项目应使用vue init webpack创建，而非vue create；未装CLI时执行npm install -g vue-cli，已装新版则需npm install -g @vue/cli-init；初始化后cd进入目录、npm install并npm run dev启动服务。
Vue2 工程化项目通过 Vue CLI 搭建脚手架，核心在于**区分 CLI 版本、明确创建命令、手动指定 Vue 2 模板**。新版 @vue/cli 默认创建 Vue3 项目，若需 Vue2，必须主动选择预设或使用旧版初始化方式——这不是配置问题，而是模板选择逻辑决定的。
确认并安装兼容的 Vue CLI 工具链
Vue2 项目推荐两种 CLI 方式，根据你是否已装新版 CLI 决定：
- 若尚未安装 CLI：直接全局安装
vue-cli（2.x 版本），命令为：npm install -g vue-cli
安装后执行vue --version应显示2.x.x（如2.9.6）。 - 若已装新版
@vue/cli（如 5.x）：需额外安装桥接工具以启用vue init命令：npm install -g @vue/cli-init
这样就能继续使用经典的vue init webpack my-project流程。
用 vue init 创建标准 Vue2 脚手架
进入目标目录后，运行以下命令（注意不是 vue create）：
vue init webpack my-vue2-app
立即学习“前端免费学习笔记（深入）”；
该命令会拉取官方 webpack 模板（专为 Vue2 设计），交互过程中关键选项如下：
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
-
Project name：输入项目名（建议小写、中划线，如
my-vue2-app） -
Vue build：选
Runtime + Compiler（支持模板字符串编译，开发更灵活） -
Install vue-router?：输
y（单页应用必备路由） -
Use ESLint to lint your code?：可选
n（初学可跳过，避免规则干扰） -
Setup unit tests? 和 E2E tests?：均建议
n，先聚焦主流程 -
Should we run `npm install`?：选
n，后续手动执行更可控
安装依赖并启动开发服务器
项目初始化完成后，进入目录并安装依赖：
cd my-vue2-app<br>npm install
启动本地服务：
npm run dev
默认访问 https://www.php.cn/link/cbb686245ece57c9827c4bc0d0654a8e 即可看到 Vue2 的欢迎页。此时项目结构含 build/、config/、src/router/index.js 等典型 Webpack+Vue2 配置，开箱即用。
补充说明：为什么不用 vue create？
vue create 是 Vue CLI 3+ 引入的命令，底层基于 @vue/cli-service，其预设默认绑定 Vue3。虽然新版 CLI 也支持 Vue2 预设（如在 vue create 交互中选 “Manually select features” → 取消勾选 “TypeScript”、“Router (4.x)” 等，再选 Vue Version 为 2），但实际兼容性与插件生态（如 vue-router@3、vuex@3）不如 vue init webpack 模板稳定。对 Vue2 工程化，后者仍是更直接、更少踩坑的选择。
