开发人员使用SublimeLinter指南

Linter是现代Web开发中必不可少的工具。它有助于我们在编写代码时检查错误并执行最佳实践。如果您使用的是SublimeText，我强烈建议您安装SublimeLinters。多年来，SublimeLinters逐渐成为SublimeText中的强大工具套件，并带来了连接到各种编程语言的linter的官方软件包。

在本教程中，我们将看到如何安装和设置SublimeLinter。让我们开始吧。

推荐读物： 12个最想要的Sublime Text技巧和窍门

入门

安装SublimeLinter 4的最简单方法是通过SublimeText Package Control 。从那时起，在SublimeLinter 3中 ，每个短绒棉绒必须分开安装。这使得SublimeLinter仅通过运行，我们已经安装了棉绒更有效地运行。

由于我在项目中大部分时间都使用HTML，CSS，JS和PHP，因此我想为这些语言安装Lint。在Package Control中 ，我将SublimeLinter与以下插件一起安装：

然后，为了使这些插件工作，我们还需要安装linter的语言，这是HTML整洁， CSSLint ， JSHint ，和PHP CLI 。

对于使用OSX的用户，系统中已预装了Tidy和PHP。要验证，请连续运行以下两个命令。

tidy --version
php --version

这些命令将显示您拥有的Tidy和PHP版本。您可以继续在Sublime Text中使用它们。

如果您使用Windows或Linux，或者未安装它们，则可以按照以下说明进行操作。

安装HTML Tidy

要安装HTML Tidy：

在OSX中，在Terminal brew install homebrew/dupes/tidy运行此命令
在Linux中，使用此命令sudo apt-get install tidy 。
在Windows中，您可以从TidyBatchFiles中获取EXE安装程序。

安装PHP CLI

OSX用户可以使用curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5在系统中安装PHP。 curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5命令。在撰写本文时，这将安装最新版本的PHP 5.5。
Linux用户可以阅读DigitalOcean的综合教程。
对于Windows用户，您可以在此处下载安装程序。

安装Styleint

接下来，我们将安装名为StylelintCSS linter ，这将使我们能够检查并执行CSS文件中的最佳做法。在所有三个平台上均可遵循以下说明：OSX，Windows和Linux。我假定你已经安装的Node.js与NPM 。

要安装Stylelint，请运行：

npm install -g stylelint

请注意，您还需要将Stylelint配置文件添加到您的项目目录，此外还需要安装预定义的配置，例如stylelint-config-standard 。一旦配置了这些，您应该找到突出显示的错误，如下所示。

安装ESLint

我们还将安装ESLint，这是一种用于JavaScript的现代且高度可配置的linter。这将有助于我们执行最佳实践，并在编写JavaScript时捕获潜在的错误。安装ESLint还需要Node.js和NPM。

要安装它，请运行。

npm install -g eslint

同样，您将需要将ESLint配置添加到项目中，或使用预定义的配置，例如eslint-config-recommended 。

我们都准备好了。我们可以开始使用SublimeLinter 4 掉毛 HTML，CSS，JS和PHP在SublimeText。

SublimeLinter 4的新功能

SublimeLinter 4带来了几项新功能，其中一个面板很容易注意到，该面板显示了打开文件的所有错误。如果您使用的是Mac，请按Command + Ctrl + A。在Windows和Linux中，您可以按Ctrl + K ， Ctrl + A。

热键将显示错误列表，如以下屏幕截图所示。

使用↑和↓导航列表，页面将滚动到发生错误的确切行。

更好的视觉

现在，我们可以将鼠标悬停在编辑器中的装订线上方，或者仅将鼠标悬停在发生错误的行上，以查看错误消息。在以前的版本中这是不可能的。

高度可配置

SublimeLinter 4现在比以往任何时候都更具可配置性。例如，我们现在可以为每个linter配置自定义“样式”。这使我们可以分别为每个短绒棉设置图标，颜色，棉绒模式，路径和环境变量。

进一步参考

我希望这段简短的介绍可以帮助SublimeLinter入门和运行。如果您想了解更多高级内容，也可以参考该参考。

翻译自: https://www.hongkiat.com/blog/guide-to-using-sublimelinter4/