基于 vue-cli 创建

2.1. 基于 vue-cli 创建

vue-cli 是脚手架，底层基于 webpack 实现。这种方式已经不再推荐，如果你硬要按照这种方式创建工程，可以按照以下步骤操作：

2.1.1. 检查 Node.js 和 npm 版本

确保你的 Node.js 版本 ≥ 14.0.0，npm 版本 ≥ 5.6。

node -v # 检查 Node.js 版本 npm -v # 检查 npm 版本

2.1.2. 全局安装 @vue/cli

npm install -g @vue/cli

安装完成后检查版本：

vue --version # 确认 @vue/cli 版本（需要 ≥ 4.5.0）

2.1.3. 创建 Vue 3 项目

1. 通过命令行初始化项目：

vue create my-vue3-project

1. 手动选择配置（方向键选择，空格键勾选）：

选择Manually select features。

勾选所需功能（如 Babel、Router、Vuex、CSS Pre-processors 等）。

选择 Vue 3（关键步骤）：

Choose a version of Vue.js that you want to start the project with: ❯ 3.x 2.x

其他配置按需选择（如路由的 History 模式、CSS 预处理器等）。不知道怎么选择时，直接让 deepseek 给你推荐方案。

2.1.4. 进入项目目录并启动

cd my-vue3-project npm run serve

项目默认运行在http://localhost:8080。

终止服务的话：ctrl + c。