openbmc-web1：webui开发基础

MasterHu88

已于 2023-05-14 17:36:06 修改

阅读量8.1k

点赞数 7

分类专栏： # openbmc-web 文章标签： openbmc openbmc webui开发 openbmc web发开 openbmc webvue webui-vue

于 2021-12-05 13:29:33 首次发布

本内容属个人原创，未经博主允许不得转载，转载需要申明出处，谢谢。

本文链接：https://blog.csdn.net/qq_34160841/article/details/121728318

版权

本文介绍了openbmc的webui-vue开发基础，包括webui-vue的背景、本地开发环境搭建、源码获取、开发工具选择、本地文件创建、编译运行以及解决prettier错误的方法。推荐使用VSCode作为开发工具，并强调了正确配置本地代理服务器以连接实际BMC的重要性。

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

openbmc下有两个webui的软件包，分别是phosphor-webui和webui-vue，phosphor-webui软件包基于AngularJS开发，而AngularJS在2021年6月30日停止维护，故phosphor-webui软件包社区也已经停止了维护和更新，所以社区推出了基于VUE开发的webui-vue 来代替phosphor-webui的功能，目前，webui-vue的功能基本包含了所有phosphor-webui的功能，并且增加一些新功能，比如语言切换，web界面风格变化等。同时，由于新web基于VUE开发，使得我们二次开发更容易（本人觉得……^_），特别是VUE组件等特性使得非前端工作者开发起来更容易。本文主要是将基于webui-vue的开发。

1 webui-vue简介

webui-vue软件包创建于2020年6月8日，软件包地址：https://github.com/openbmc/webui-vue。
webui-vue软件包是基于vue开发的，VUE是一套用于构建用户界面的渐进式JavaScript框架，其开发者是阿里巴巴Weex团队技术顾问的尤雨溪。Vue早期开发的灵感来源AngularJS，但是与AngularJS以及其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用，并且在AngularJS 中存在的许多问题，在 Vue 中已经得到解。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。webui-vue学习地址：https://vuepress.vuejs.org，VUE官方文档：http://vuejs.org/v2/guide/syntax.html，VUE中文文档: https://cn.vuejs.org/v2/guide/syntax.html