Vue3+vite构建的项目启动方法

在 Vue 3 + Vite 构建的项目中启动开发服务器的步骤如下：

---

1. 确保环境已准备

• 安装 Node.js （建议使用最新 LTS 版本，如 18+）
• 验证安装：终端中运行 node -v 和 npm -v，确保输出版本号。

---

2. 新建项目（如未创建）

# 使用 Vite 脚手架创建项目
npm create vite@latest my-vue-app -- --template vue

# 进入项目目录
cd my-vue-app

---

3. 安装依赖

npm install

---

4. 启动开发服务器

npm run dev

终端会输出本地访问地址（通常是 http://localhost:5173），浏览器打开即可预览。

---

常用命令

命令	作用
npm run dev	启动开发服务器（热更新）
npm run build	构建生产环境代码
npm run preview	本地预览构建后的生产包

---

注意事项

• 首次启动前必须安装依赖（npm install）。
• 若使用 TypeScript，创建项目时选择 vue-ts 模板。
• 修改代码后浏览器会自动热更新（HMR）。

遇到问题可检查网络或尝试清除缓存：npm cache clean --force。

赏

谢谢你请我喝咖啡！

微信