Vue 3 启动项目

更新时间 2023-04-06 21:34:54

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

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

  • 新项目:《从零手撸:仿小红书(微服务架构)》 正在持续爆肝中,基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17...点击查看项目介绍 ;
  • 《从零手撸:前后端分离博客项目(全栈开发)》 2 期已完结,演示链接: http://116.62.199.48/ ;

截止目前, 星球 内专栏累计输出 54w+ 字,讲解图 2476+ 张,还在持续爆肝中.. 后续还会上新更多项目,目标是将 Java 领域典型的项目都整一波,如秒杀系统, 在线商城, IM 即时通讯,权限管理,Spring Cloud Alibaba 微服务等等,已有 1900+ 小伙伴加入学习 ,欢迎点击围观

前言

大家好,我是小哈~

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

启动项目

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

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

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

启动 Vue 项目启动 Vue 项目

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

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