二、npm 工具如何创建 Vue 项目

前置条件：电脑安装 Node.js，自带 npm。打开终端输入 node -v、npm -v 输出版本号即安装成功。

方式 1：Vite（官方推荐，Vue3 首选，速度快）

Vite 是新一代构建工具，替代旧的 webpack。

# 创建vue3项目
npm create vite@latest my-vue3-project -- --template vue

# 进入文件夹
cd my-vue3-project

# 安装依赖（下载包到node_modules）
npm install

# 启动开发服务器
npm run dev

方式 2：Vue CLI（老工具，基于 webpack，多用于 Vue2）

CLI 是 Vue 旧脚手架，现在官方不推荐新项目使用。

# 全局安装脚手架
npm install -g @vue/cli

# 创建vue2项目
vue create my-vue2-project

cd my-vue2-project
npm install
npm run serve

通用命令汇总

表格

⚠️ 关键点：新建完项目，一定要执行 npm install，才会生成 node_modules 文件夹，没有这个文件夹项目跑不起来