npm 包 hyper-tomorrow-night-blue 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端开发中，我们常常使用代码编辑器来编辑我们的代码文件，比如 VS Code、Sublime Text、Atom 等。为了让我们的代码更加美观、易读且舒适，我们可以使用一些优秀的主题来美化我们的代码编辑器。hyper-tomorrow-night-blue 就是一个非常优秀的代码编辑器主题。

hyper-tomorrow-night-blue 是什么

hyper-tomorrow-night-blue 是一个基于 Tomorrow Night Blue 色彩方案的 Hyper 主题。使用该主题后，我们可以得到非常舒适、易读的代码编辑器界面。

如何使用 hyper-tomorrow-night-blue

首先，我们需要安装并使用 Hyper Terminal。打开终端，输入以下命令安装 Hyper Terminal：
```
npm install -g hyper
```
安装 hyper-tomorrow-night-blue 主题。打开终端，输入以下命令安装 hyper-tomorrow-night-blue 主题：
```
npm install -g hyper-tomorrow-night-blue
```
打开 Hyper Terminal，按下 Ctrl + , 打开配置文件，将 plugins 配置项改为以下内容：
```
"plugins": [
   "hyper-tomorrow-night-blue"
],
```
重新打开 Hyper Terminal，即可看到使用 hyper-tomorrow-night-blue 主题的界面。

示例代码

下面是一个基于 React 的示例代码，使用 hyper-tomorrow-night-blue 主题后，代码变得舒适、易读：

-- -------------------- ---- -------
------ ----- ---- --------

----- --- - -- -- -
  ------ -
    ---- ----------------------
      ----------- -- ------------------------------
      ---
        ---- -- -- ------- ----- ----- ---------- --- ----- --------------------------
        ---- ---- ------ ---- ------ ----------- --- ---- -- -----
      ----
    ------
  --
--

------ ------- ----

总结

hyper-tomorrow-night-blue 是一个非常优秀的代码编辑器主题，使用后能让我们的代码变得更加舒适、易读、美观。在前端开发中，使用该主题将 greatly improve 我们的效率，推荐使用。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/600562af81e8991b448dfec7