openbmc-web6:增加env配置

本文档介绍了如何在webui-vue项目中创建并使用自定义env配置,包括创建.env.test文件,设置字体、样式、导航和路由,以及编译和测试流程。通过这些步骤,可以为openbmc webui构建个性化配置环境。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

webui-vue开源代码页开发使用没问题,但是如果当成产品肯定是不行的,作为开发人员,虽然一个人不可能一下把web搞的很哇塞,但是可以循序渐进的理解和修改,在基础代码上锦上添花,玩出不一样的feel。为了尽量减少代码同步更新带来的,我们需要创建自己的env配置来管理编译、导航页面等内容。

1 env配置概览

webui-vue中env配置在src/env路径下,我们需要增加字体、样式、导航、跳转配置,以构建自己的配置环境。

在这里插入图片描述

此外,还需要在src根目录下创建.env.xxx的配置。
在这里插入图片描述

下面将创建test的env配置,可以将test改为自己需要的名称。

2 创建.env.test

为了方便我们直接copy已有的文件进行修改,可以复制ibm或者intel的env文件。

cp .env.ibm .env.test

修改.env.test文件内容:

NODE_ENV=production
VUE_APP_ENV_NAME=test
VUE_APP_COMPANY_NAME="Masterhu"
VUE_APP_GUI_NAME="BMC System Management"
CUSTOM_STYLES=true
CUSTOM_APP_NAV=true
CUSTOM_ROUTER=true
CUSTOM_STORE=true
VUE_APP_SERVER_OFF_REQUIRED=true

在这里插入图片描述

一般修改:

VUE_APP_ENV_NAME指定应用程序名

VUE_APP_COMPANY_NAME指定公司名

当然还有一些其它的变量可以指定值,这里不做展开,后面有需要在说。

3 创建字体

在src/env/assets/fonts/下创建Test_Dinliang文件夹,然后将dinliang.ttf字体文件放到文件夹下。

mkdir src/env/assets/fonts/Test_Dinliang

在这里插入图片描述

这里文件名称可以修改为其它名称,字体文件是从网上找的一个,可以自行去找喜欢的字体文件。

4 创建样式

在src/env/assets/styles下创建_

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值