跳到主要内容

前端项目如何启动

注意

在启动此前端项目之前,请先数据中台后端服务已运行。如果后端尚未启动,请先完成数据中台后端项目的启动流程。

安装node.js

数据中台的前端项目是基于 vue-vben-admin 改造而来,所以对 node.js 的版本要求较新,需要 20.15.0 及以上版本

访问 Nodejs 下载页面:https://nodejs.org/download/release/v20.15.0

根据 Windows 或者 Mac 系统下载安装不同的安装包。下载完成后,双击打开对应的安装软件包,一路点击就可以完成安装了

  • Windows 系统: node-v20.15.0-win-x86.zip
  • Mac 系统: node-v20.15.0.pkg

安装完成后,终端输入 node -v 检查是否安装成功,当出现 node 的版本信息后说明安装成功了

电脑已经安装了node.js

如果电脑中已经存在 Nodejs 环境,检查版本是否在 20.15.0 版本以上,如果不是的话。需要安装 Nodejs 多版本控制组件,下载多个 Nodejs 共存,并通过命令切换。或者直接删除之前版本,下载 20.15.0 及以上版本就可以了

安装多个版本node:

https://blog.csdn.net/qq_38405436/article/details/132279098

启动数据中台前端项目

进入到 dock-data-center/front-manage 的目录后,开始执行命令

安装依赖

# 使用项目指定的pnpm版本进行依赖安装
npm i -g corepack

# 安装依赖
pnpm install

启动项目

# 启动项目
pnpm dev

访问项目

在浏览器输入访问地址即可:http://localhost:5778/