若依前后端分离前端使用Vue3启动教程

Vue3前端项目地址：​​https://github.com/yangzongzhuan/RuoYi-Vue3​​

若依前后端分离后端项目地址：​​https://gitee.com/y_project/RuoYi-Vue​​

vue3官网：​​https://v3.cn.vuejs.org/​​

本项目使用若依前后端分离的后端工程，前端是使用Vue3技术栈写的。

本教程主要讲解一下如何在本地进行启动和如何打包。

​目录​

​​一、拉取项目到本地​​

​​二、进入项目目录​​

​​三、安装依赖​​

​​四、启动服务​​

​​五、启动成功演示​​

​​ 六、项目打包命令​​

​​（1）构建测试环境 ​​

​​（2） 构建生产环境​​

一、拉取项目到本地

git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git

二、进入项目目录

cd RuoYi-Vue3

三、安装依赖

本教程使用的时候，使用的node版本为：v14.19.0（供参考）

由于需要用yarn命令需要提前安装yarn命令

安装yarn命令

npm install yarn

 安装依赖包（建议使用淘宝镜像源，可以加快依赖下载速度）

yarn --registry=https://registry.npm.taobao.org

四、启动服务

yarn dev

五、启动成功演示

 六、项目打包命令

（1）构建测试环境 

yarn build:stage

（2） 构建生产环境

yarn build:prod