npm 包 nuclide-format-js 使用教程

在前端开发过程中，代码格式的规范和整洁非常重要。而 nuclide-format-js 便是一款非常实用的 npm 包，用它可以自动格式化 JavaScript 代码。本文将详细介绍如何安装和使用 nuclide-format-js 包。

安装 nuclide-format-js

在终端中使用 npm 命令安装 nuclide-format-js，

npm install -g nuclide-format-js

在 Atom 中使用 nuclide-format-js

• 安装 Atom

如果没有安装 Atom，可以访问 Atom 官网 下载并安装。

• 安装语法检查插件

在 Atom 中，安装 nuclide-format-js 包之前，需要先安装 Nuclide 插件。Nuclide 插件是一款 Atom 的插件，集成了很多工具，其中包括代码格式化工具 nuclide-format-js。

• 配置 Atom

安装完成 Nuclide 插件后，需要进行一些简单的配置：

打开设置，打开 ‘Core’ 选项卡，配置 'Delete Whitespace On Save' 为 Always。

然后在‘Packages’选项卡中找到’nuclide-format-js’包，把’includeGlobs’和’exlcudeGlobs’的值皆更改为

"includeGlobs": [
  "**/*.js"
],
"excludeGlobs": [
  "**/node_modules/**"
]

使用 nuclide-format-js

安装完成 nuclide-format-js 后，只需要在 Atom 中打开一个 JavaScript 文件，然后按下快捷键shift+cmd+i（在 Windows 系统中则是 shift+wait+i），或者右键选择‘Nuclide Format JavaScript’即可使得代码自动格式化。

示例代码：

let foo = function () {
    console.log('hello');
};

let bar = function () {
    console.log('world');
};

格式化后的代码：

let foo = function() {
  console.log('hello');
};

let bar = function() {
  console.log('world');
};

结论

nuclide-format-js 包是一个非常实用的工具，能够帮助我们更好地维护和规范代码格式。通过本文的介绍和示例代码，相信读者已经可以轻松掌握它的使用方法。同时，我们也需要注意 nuclide-format-js 包的限制条件，并遵循编码规范，编写出更加干净整洁的代码。

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