openbmc-web1：webui开发基础_webui-vue

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

2 webui-vue本地开发基础

2.1 开发前准备

webui-vue基于vue开发，目前vue开发要求nodjs要高于10.0，因此需要确保开发环境中的nodejs版本是10.0以后，同时也要提高npm的版本。（ubuntu18.04以及之前的版本需要更新npm、node）

sudo npm