介绍
@beisen/bsapp-et 是一个 Frontend 框架，它基于 Vue.js 和 Element UI，适用于开发企业级的网站和 Web 应用。它提供了许多常用的组件（如表格、表单、弹窗等）和工具（如模拟器、工具条、导航栏等），使前端开发更加简单且高效。
该库已经被发布到 npm 上并且是免费开源的。它具有易于使用、灵活、可扩展等优点，在企业级开发中得到了广泛的应用。
安装
可以通过 npm 直接安装该包：
npm install @beisen/bsapp-et --save-dev
使用
注册组件
在 Vue 的实例中使用 bsapp-et 组件时，需要先进行组件的注册：
import Vue from 'vue' import BSAppET from '@beisen/bsapp-et' Vue.use(BSAppET)
使用组件
现在 bsapp-et 的组件已经可以通过 Vue 组件的方式来使用。
下面是一个实现表格的例子：
-- -------------------- ---- -------
----------
---- ----------------------
---------
-----------------
-----------------------
---------------
--------------
---------------
-----------
------
-----------
--------
------ ------- -
------ -
------ -
---------- -
- --- -- ----- ----- ---- --- ------- --- --
- --- -- ----- ----- ---- --- ------- --- --
- --- -- ----- ----- ---- --- ------- --- --
- --- -- ----- ----- ---- --- ------- --- -
--
------------- -
- ----- ----- ------ ----- ------ ---- --
- ----- ------- ------ ----- ------ ----- --
- ----- ------ ------ ----- ------ ---- --
- ----- --------- ------ ----- ------ ----- -
-
-
-
-
---------
-------
-------------- -
------- -----
-
--------运行示例
由于 bsapp-et 已经提供了示例代码，因此我们可以直接使用 Vue CLI 快速创建一个项目，并在该项目中运行 bsapp-et 的示例。
首先，需要安装 Vue CLI：
npm install -g @vue/cli
然后，使用 Vue CLI 创建一个新项目：
vue create bsapp-et-example
选择 default preset 并且保持默认选项即可。
接下来，进入 bsapp-et 示例的目录。使用以下命令可以在浏览器中运行 bsapp-et 的示例：
cd node_modules/@beisen/bsapp-et/examples npm install npm run dev
现在，我们可以在浏览器中看到 bsapp-et 示例运行的结果。
总结
本文介绍了使用 npm 包 @beisen/bsapp-et 的基本步骤和示例。通过这些示例，我们可以更好地了解如何使用该库来创建网站和 Web 应用。希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb245b5cbfe1ea0611142