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下创建_