如果你在设计Web界面时想要一个浓重的 80年代怀旧派风格，那么你可以考虑使用 npm 包 hyper-oldschool。这个包提供了几个类，可以帮助你轻松地将你的Web设计变成一个老式电脑游戏的感觉。
安装
在开始使用 hyper-oldschool 之前，你需要将其安装在你的项目中。你可以使用 npm 命令将其安装：
npm install hyper-oldschool
这将会将 hyper-oldschool 包安装在你的项目中，并将其添加到你的 package.json 文件中。
使用
安装完 hyper-oldschool 包之后，你可以在你的代码中导入它：
import {OldschoolButton, OldschoolInput} from "hyper-oldschool";现在你已经可以在你的 80年代怀旧派风格项目中使用这些组件了。
OldschoolButton
OldschoolButton 是一个可以用来代替原生按钮的组件。它会创建一个具有 80 年代电脑游戏按钮感觉的按钮。
这是一个使用示例：
-- -------------------- ---- -------
------ - --------------- - ---- ------------------
------ ----- ---- --------
----- ----------- ------- --------------- -
------------- -
------------------- -----------
-
-------- -
------ ---------------- -------------------------------- ----------------------
-
-这个组件将在你的页面上创建一个按钮，当你点击它时，它会在控制台中输出“Button Clicked!”。
OldschoolInput
OldschoolInput 是一个可以用来代替原生输入框的组件。它会创建一个具有 80 年代电脑游戏输入框感觉的输入框。
这是一个使用示例：
-- -------------------- ---- -------
------ - -------------- - ---- ------------------
------ ----- ---- --------
----- ----------- ------- --------------- -
------------------- -
--------------------------------
-
-------- -
------ --------------- ---------------------------- ---
-
-这个组件将在你的页面上创建一个输入框，当你在它中输入文本时，它会将文本输出到控制台中。
总结
通过使用 hyper-oldschool，你可以轻松地将你的 Web 界面变成一个具有浓重的 80 年代怀旧派风格的界面。你只需要安装它，然后在你的代码中导入它，就可以开始使用它的组件了。在使用 OldschoolButton 和 OldschoolInput 时，请不要忘记在事件处理函数中实现必要的代码。
希望这篇文章可以帮助你更好地了解 hyper-oldschool 的使用方法，以及如何在你的项目中将这个 npm 包应用到实际设计中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005735381e8991b448e95e3