Vue开发 项目搭建 如何启动vue项目；Vue项目启动指南

Vue开发 | 项目搭建 | 如何启动Vue项目
Vue项目启动指南

1. 环境准备

   • Node.js（建议16.x或18.x版本）
   • npm或yarn包管理工具
   • Vue CLI或Vite脚手架

2. 项目创建

   

   • 使用Vue CLI命令：vue create project-name
   • 使用Vite命令：npm create vue@latest

3. 依赖安装

   • 进入项目目录：cd project-name
   • 安装依赖：npm install 或 yarn install

4. 启动开发服务器

   

   • 运行命令：npm run dev（Vite）或 npm run serve（Vue CLI）
   • 默认访问地址：http://localhost:5173（Vite）或 http://localhost:8080（Vue CLI）

5. 生产构建

   • 打包命令：npm run build
   • 生成文件目录：dist/

6. 常见配置

   

   • 修改端口：在vite.config.js或vue.config.js中配置server.port
   • 环境变量：使用.env文件管理

7. 调试工具

   • 浏览器开发者工具
   • Vue Devtools扩展
     基于2025年7月前的Vue生态实践整理,具体版本以官方文档为准。