sublimelinter java_程序员必备工具SublimeLinter安装使用指南

Linter是现代Web开发中不可或缺的工具。它有助于我们在编写代码时检查错误并执行最佳实践。如果您使用的是SublimeText,我强烈建议您安装SublimeLinters。多年来,SublimeLinters一直致力于成为SublimeText中的电动工具套件,并提供连接各种编程语言模式的官方软件包。

在本教程中,我们将了解如何安装和设置SublimeLinter。我们马上开始吧。

入门

安装SublimeLinter 4的最简单方法是通过SublimeText Package Control。自从在SublimeLinter 3,每个棉短绒必须单独安装。这使得SublimeLinter仅通过运行更高效地运行棉短绒,我们已经安装。

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

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

对于那些使用OSX的人来说,Tidy和PHP已预先安装在系统中。要进行验证,请连续运行以下两个命令。

1    tidy --version

2   php --version

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

000a93e4af16?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

安装HTML Tidy

要安装HTML Tidy:

在OSX中,在终端中运行此命令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 。在编写本文时,这将安装PHP 5.5,这是最新版本。

对于Windows用户,您可以在此处下载安装程序。

安装Styleint

接下来,我们将安装名为Stylelint的CSS linter,这将允许我们检查并强制执行CSS文件中的最佳实践。在所有三个平台中都可以遵循以下指令:OSX,Windows和Linux。我假定你已经安装的Node.js与NPM。

要安装Stylelint,请运行:

1     npm install-g stylelint

请注意,您还需要将Stylelint配置文件添加到项目目录中,另外安装一个预定义的配置,如stylelint-config-standard。配置完成后,您应该会发现错误突出显示如下。

000a93e4af16?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

安装ESLint

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

要安装它,请运行。

1    npm install-g eslint

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

SublimeLinter的新功能4

SublimeLinter 4带来了几个新功能,其中一个很容易引起注意的是显示已打开文件的所有错误的面板。如果你是在Mac上,按命令 + Ctrl键 + 一个。在Windows和Linux,你可以按下Ctrl键 + Ķ,按Ctrl + 一个。

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

000a93e4af16?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

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

更好的视觉

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

000a93e4af16?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

高度可配置

SublimeLinter 4现在比以前更加可配置。例如,我们现在可以为每个linter配置定制“样式”。这允许我们分别为每个linter设置图标,颜色,lint模式,路径和环境变量。

000a93e4af16?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

进一步参考

我希望这个简短的介绍可以帮助启动和运行SublimeLinter。如果您想要更多高级内容,也可以参考参考。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值