sublimelinter_开发人员使用SublimeLinter指南
Linter是现代Web开发中必不可少的工具。 它有助于我们在编写代码时检查错误并执行最佳实践。 如果您使用的是SublimeText,我强烈建议您安装SublimeLinters。 多年来,SublimeLinters逐渐成为SublimeText中的强大工具套件,并带来了连接到各种编程语言的linter的官方软件包。
在本教程中,我们将看到如何安装和设置SublimeLinter。 让我们开始吧。
入门
安装SublimeLinter 4的最简单方法是通过SublimeText Package Control 。 从那时起,在SublimeLinter 3中 ,每个棉绒必须单独安装。 这使得SublimeLinter仅通过运行,我们已经安装了棉绒更有效地运行。
由于我在项目中大部分时间都使用HTML,CSS,JS和PHP,因此我想为这些语言安装短毛绒。 在Package Control中 ,我将SublimeLinter与以下插件一起安装:
- SublimeLinter-html-tidy
- SublimeLinter-stylelint
- 崇高的华而不实
- SublimeLinter-php
然后,为了使这些插件工作,我们还需要安装linter
的语言,这是HTML整洁 , CSSLint , JSHint ,和PHP CLI 。
对于使用OSX的用户,系统中已预装了Tidy和PHP。 要进行验证,请连续运行以下两个命令。
tidy --version
php --version
这些命令将向您显示您拥有的Tidy和PHP版本。 您可以继续在Sublime Text中使用它们。
![](/assets/blank.gif)
![](/assets/blank.gif)
如果您使用的是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之类的预定义配置。 一旦配置了这些,您将发现以下突出显示的错误。
![](/assets/blank.gif)
![](/assets/blank.gif)
安装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。
热键将显示错误列表,如以下屏幕截图所示。
![](/assets/blank.gif)
![](/assets/blank.gif)
使用↑和↓浏览列表,页面将滚动到发生错误的确切行。
更好的视觉
现在,我们可以将鼠标悬停在编辑器中的装订线上方,也可以将鼠标悬停在发生错误的行上以查看错误消息。 在以前的版本中这是不可能的。
![](/assets/blank.gif)
![](/assets/blank.gif)
高度可配置
SublimeLinter 4现在比以往任何时候都更具可配置性。 例如,我们现在可以为每个linter配置自定义“样式”。 这使我们可以分别为每个棉短绒设置图标,颜色,棉绒模式,路径和环境变量。
![](/assets/blank.gif)
![](/assets/blank.gif)
进一步参考
我希望这段简短的介绍可以帮助SublimeLinter入门和运行。 如果您想了解更多高级内容,也可以参考该参考。
- SublimeLinter官方文档
- 在软件和编程上的皮棉— WikiPedia
- SublimeLinter存储库
翻译自: https://www.hongkiat.com/blog/guide-to-using-sublimelinter4/
sublimelinter_开发人员使用SublimeLinter指南相关推荐
- web开发指南_成为专业Web开发人员的实用指南
web开发指南 This article is meant to serve as a practical guide to becoming a professional web developer ...
- [转载]面向 Java 开发人员的 db4o 指南: 超越简单对象
面向 Java 开发人员的 db4o 指南: 超越简单对象 2007 年 7 月 09 日 到目前为止,我们在 db4o 中创建并操作对象看起来都比较简单 -- 事实上,甚至有点太简单了.本文中,热心 ...
- 面向对象的前端开发_面向前端开发人员的GraphQL指南
面向对象的前端开发 by Schalk Venter 由沙克·文特(Schalk Venter) 面向前端开发人员的GraphQL指南 (A guide to GraphQL for front-en ...
- devops开发模式流程图_2020 Web开发人员路线图–成为前端,后端或DevOps开发人员的视觉指南
devops开发模式流程图 There are many ways you can go about picking up the skills you need to become a develo ...
- 公职人员财产公开_知道您的财产:Web设计人员/开发人员的薪资指南[比较]
因此,我认为有必要比较不同国家/地区的年薪. 这就是我们的操作方式. 我把工资信息汇总到了小/小. 网页设计师,小/高级 来自35个不同国家/地区的Web开发人员和PHP Web开发人员. 这些数据大 ...
- 面向 Java 开发人员的 Scala 指南: 深入了解 Scala 并发性
http://www.ibm.com/developerworks/cn/java/j-scala04109.html http://www.ibm.com/developerworks/cn/jav ...
- css参考手册css3手册_CSS手册:面向开发人员CSS便捷指南
css参考手册css3手册 I wrote this article to help you quickly learn CSS and get familiar with the advanced ...
- 面向开发人员的机器学习指南1
现如今,大多数的开发人员都听说过机器学习,但是当他们试图寻找捷径来学习这些技术时,却有很多人都对机器学习中的一些抽象概念望而却步,诸如回归.无监督学习.概率密度函数和其他许多定义.如果诉诸于书本,代表 ...
- extjs 实用开发指南_如何提出有效问题:针对开发人员的实用指南
extjs 实用开发指南 Learning is a journey that never ends. At every point in your career, you will keep lea ...
最新文章
- nero linux iso,NeroLINUX下载_NeroLINUX官方下载_NeroLINUX4.0.0.0-华军软件园
- 神经科学家发现神经元网络可以拉伸或压缩其活动以控制时间
- python登录网页版微信发送消息
- SLAM的评价指标、真实值、估计值及误差分析(转)
- python三酷猫_洛克王国三代酷猫登场 冰水酷猫解析
- 刚刚!北京高考时间和开学时间定了
- 演练 打印九九乘法表
- java组合与继承始示例_Java示例中的组合
- java的编译路径在哪_如何知道我的java编译器的路径
- 计算机学科a类排名,哈工大17个学科排名位列A类
- 吃着火锅唱着歌学会Docker
- php zend guard php 7,zend guard php7最新版
- mysql error 1677_MySQL slave error 1677
- 直通车杀手,恶意点击软件开发咨询。 (0)
- Linux下 安装白鹭(egret)引擎指南
- excel数据透视表中插入一列新数据
- 汽车金融系统设计-需求篇
- freebsd 网桥设置
- 【jQuery】网页文本格式编辑器xheditor
- pvr.ccz和png等大图切图工具