JSHint 栏为 Sublime Text 2 和 3 通过 node.js

Sublime Text 3

JSHint

Node.js 下载

关于

这是一个 Sublime Text 2 和 3 插件，允许您检查 JavaScript 代码中的错误、编码约定和其他有用的功能。它依赖于 JSHint，它是 JSLint 的分支（由 Douglas Crockford 开发）。此代码检查器本身是用 JavaScript 编写的，因此您需要某种东西（node.js）来解释浏览器之外的 JavaScript 代码。

安装

首先，确保已经安装了 node.js 以运行 JSHint（JSLint 的衍生作品，用于检测 JS 中的错误和潜在问题）。每个操作系统都需要不同的 Sublime Text 包 文件夹。通过首选项 -> 浏览包打开它，并将此仓库的内容复制到一个新的 Sublime-JSHint 文件夹。

这样做的一个简短方法是

通过 Sublime Package Manager

• Ctrl+Shift+P 或 Cmd+Shift+P 在 Linux/Windows/OS X 中
• 输入 install，选择 Package Control: Install Package
• 输入 js gutter，选择 JSHint Gutter

手动

确保您使用正确的 Sublime Text 文件夹。例如，在 OS X 上，版本 2 的包位于 ~/Library/Application\ Support/Sublime\ Text\ 2，而版本 3 标注为 ~/Library/Application\ Support/Sublime\ Text\ 3。

这些是为 Sublime Text 3 定制的

Mac

git clone https://github.com/victorporof/Sublime-JSHint.git ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/Sublime-JSHint

Linux

git clone https://github.com/victorporof/Sublime-JSHint.git ~/.config/sublime-text-3/Packages/Sublime-JSHint

Windows

git clone https://github.com/victorporof/Sublime-JSHint.git "%APPDATA%/Sublime Text 3/Packages/Sublime-JSHint"

使用

工具 -> 命令面板（Ctrl+Shift+P 或 Cmd+Shift+P）并输入 jshint。

– 或 –

Ctrl+Shift+J（如果您在 Mac 上，则为 Cmd+Shift+J）。

– 或 –

在当前缓冲区内右键点击，选择JSHint -> Lint Code。

– 或 –

打开JavaScript文件，在Sublime Text的“视图”->“显示控制台”中弹出控制台，输入view.run_command("jshint")。

在控制台中输入命令看起来比较丑。您可以通过转到“首选项”->“键盘快捷键”-“用户”，为这个动作添加一个自定义快捷键，在数组中添加一个命令：{ "keys": ["super+shift+j"], "command": "jshint" }。尽管大多数快捷键已被占用，但您可以使用任何其他您想要的命令。

啊哦，命令没找到！

如果您收到错误sh: node: command not found或类似错误，说明您没有在正确的路径中安装node。请在JSHint.sublime-settings中设置node的绝对路径。

• Ctrl+Shift+P 或 Cmd+Shift+P 在 Linux/Windows/OS X 中
• 输入jshint，选择Set node Path

有时候即使指定了路径简单地使用node也可能不起作用 :(

例如，在Linux中，路径可能是/home/<用户>/.nvm/<node版本>/bin/node。

在Windows中，node.exe的绝对路径必须使用正斜杠。

在Linux中要注意！

根据您的发行版和默认的软件包源，例如，使用apt-get install node（例如）不会安装node.js，这与人人的常识和普遍认知相反。您需要的是nodejs。最好是亲自从https://node.org.cn/#download下载。

在编辑、加载或保存时自动检查

此插件可以被设置为在文件加载、保存或当前缓冲区修改时自动进行检查。

• Ctrl+Shift+P 或 Cmd+Shift+P 在 Linux/Windows/OS X 中
• 输入jshint，选择Set Plugin Options

请注意，在编辑时进行实时检查仅在Sublime Text 3中可用。

使用您自己的.jshintrc选项

插件会在您美化的源文件所在的目录中查找.jshintrc文件（如果不存在，则在其父目录中查找，如果还是不存在，则在其主目录中查找）并使用这些选项以及默认选项。这是一个示例。

这是此插件使用的默认选项

{
  // Details: https://github.com/victorporof/Sublime-JSHint#using-your-own-jshintrc-options
  // Example: https://github.com/jshint/jshint/blob/master/examples/.jshintrc
  // Documentation: http://www.jshint.com/docs/
  "browser": true,
  "esnext": true,
  "globals": {},
  "globalstrict": true,
  "quotmark": true,
  "undef": true,
  "unused": true
}

下面是一个在主目录中.jshintrc文件可能的样子

{
  "esnext": false,
  "moz": true,
  "boss": true,
  "node": true,
  "validthis": true,
  "globals": {
    "EventEmitter": true,
    "Promise": true
  }
}

请参阅jshint.com上的文档和一些示例在此。

一些持续选项始终来自与插件同一目录中的.jshintrc文件，如果未由您的.jshintrc文件覆盖的话。这些选项定义在这里。如果您想添加内容，可以安全地向该json文件添加内容。

• Ctrl+Shift+P 或 Cmd+Shift+P 在 Linux/Windows/OS X 中
• 输入jshint，选择Set Linting Preferences

NPM包的替代方法

对于NPM包，您也可以省略一个.jshintrc文件，而不是将jshint选项放置在package.json文件中作为属性jshintConfig¹。请查阅一个示例在此。

谢谢！