简介
atom-space-pen-views 是一个基于 atom 和 space-pen 的可重用视图组件库，它提供了一些 UI 组件和丰富的 API，可以方便地构建 Atom 插件或其他 web 应用。
安装
你可以在你的项目中用 npm 安装 atom-space-pen-views：
npm install atom-space-pen-views
使用
atom-space-pen-views 的 API 是通过继承一些基础组件来实现。下面是一个简单的例子，展示了如何使用 atom-space-pen-views 创建一个包含一些按钮的视图：
-- -------------------- ---- -------
----- - ----- ---------- - - --------------------------------
----- ------------- ------- ---- -
------------ -
-------------------
----------------------------
-
----------------- -
--------------------
-
-
----- ------------- ------- ---- -
------------ -
-------------------
----- --------- - --- ----------------
----- ------- - --- ------------
---------- ----- ----------------
------ -- -- -------------------- ----------
---
-----------------------------
----- ------- - --- ------------
---------- ----- ---------------------
------ -- -- -------------------- ----------
---
-----------------------------
-----------------------
-
------ --------- -
------ ---------- ------ ------------ ---
-
-
-------------- - --------------此处 ButtonBarView 和 MyPackageView 均继承自 View，可以在视图中构建一些组件，并利用丰富的 API 来处理事件和其他复杂的操作。
总结
本文介绍了如何使用 atom-space-pen-views 来构建 Atom 插件或其他 web 应用，并提供了一个简单的示例代码。如果你想深入学习 Atom 插件开发或寻找更好的构建 web 应用的方式，建议学习和使用 atom-space-pen-views。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/189758