Vue 3 启动项目


一则或许对你有用的小广告

欢迎加入小哈的星球,你将获得:专属的实战项目(4个项目都能学) / 1v1 提问 / 简历修改 / Java 学习路线 / 社群讨论 / 学习打卡 / 每月赠书

  • 《Spring AI 项目实战(问答机器人、RAG 智能客服、联网搜索)》已完结,基于 Spring AI + Spring Boot 3.x + JDK 21...查看介绍

  • 《从零手撸:仿小红书(微服务架构)》 已完结,基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17...查看介绍;演示链接:http://116.62.199.48:7070/

  • 《从零手撸:前后端分离博客项目(全栈开发)》 2 期已完结,演示链接:http://116.62.199.48/

  • 新开坑项目:《从零手撸:秒杀系统高并发优化实战》 正在更新中...,查看介绍

截止目前,星球内专栏累计输出 150w+ 字,讲解图 5110+ 张,还在持续爆肝中.. 后续还会上新更多项目,已有 4700+ 小伙伴加入学习,欢迎点击围观

前言

大家好,我是小哈~

上小节 中,我们已经创建好了一个 Vue 项目。本文我们将学习如何启动它。

启动项目

进入到想要启动的项目文件夹中,执行如下命令,为项目创建依赖并执行:

# 进入项目文件夹
cd <your-project-name>
# 安装项目所需依赖
npm install
# 启动项目
npm run dev

启动成功后,会提示项目的访问地址,如 http://localhost:5173/:

启动 Vue 项目
启动 Vue 项目

在浏览器地址栏中访问该地址,即可访问该 Vue 项目啦,整个过程还是非常简单的。

Vue 启动页面展示
Vue 启动页面展示