崇高的文本中如何配置ESLint

  介绍

这篇文章主要介绍了崇高的文本中如何配置ESLint,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

<强> ESLint

ESLint是一个有效的代码质量控制工具,它可以根据预先制定的代码规范来避免低级代码错误的出现,以及保证代码样式风格的统一。下面由<强>崇高使用教程栏目为大家介绍崇高文本中配置ESLint的方法。

安装

你可以使用npm来安装ESLint:

npm安装ESLint - g

用法

如果你首次使用ESLint,那么你需要先设置一个配置文件,你可以在项目根目录下使用——init选项来生成:

ESLint——init

如果项目根目录下没有包。json文件,它会提示你先使用npm init来初始化一个包。json文件。

eslint——init会提示你选择使用的代码样式,你可以根据需求进行选择,这里推荐如下选择:

使用流行的风格指南   标准   JavaScript

在这个过程中eslint会自主的进行npm安装操作来安装相关依赖,在安装完成之后请注意是否有未满足的对等的依赖项的依赖,这表示npm无法自动的进行这个依赖的安装,你需要手动的去进行安装:

#├──未满足的对等依赖eslint-plugin-promise@ ^ 1.0.8   npm安装eslint-plugin-promise——save-dev

集成崇高文本

在崇高文本中你需要安装两个插件:

SublimeLinter   SublimeLinter-contrib-eslint

然后通过偏好→包设置→SublimeLinter→设置-用户进行集成:

{   “user": {   “debug":真的,#开启调试选项   “delay": 0.25,   “error_color":“D02000"   “gutter_theme":“包/SublimeLinter/gutter-themes//Default.gutter-theme"违约,   “gutter_theme_excludes": [],   “lint_mode":“background"   “linters": {   “eslint": {   “@disable":假的,   “args": [],   “excludes": []   },   “jshint": {   “@disable":假的,   “args": [],   “excludes": []   },   “php": {   “@disable":假的,   “args": [],   “excludes": []   }   },   “mark_style":“outline"   “no_column_highlights_line":假的,   “passive_warnings":假的,   “paths": {   “linux": [],   “osx":(   “王/用户//.nvm/版本/节点/v5.0.0/bin"#设置节点路径   ),   “windows": []   },   “python_paths": {   “linux": [],   “osx": [],   “windows": []   },   “rc_search_limit": 3,   “shell_timeout": 10,   “show_errors_on_save":假的,   “show_marks_in_minimap":没错,   “syntax_map": {   “html (django)“:“html"   “html (rails)“:“html"   “html 5“:“html"   “javascript(巴别塔)“:“javascript"   “magicpython":“python"   “php":“html"   “python django":“python"   “pythonimproved":“python"   },   “warning_color":“DDB700"   “wrap_find":没错   }   }

到这里,集成完成,如果你项目中的JavaScript代码风格不符合JavaScript标准样式的话,崇高的文本会给出异常提示。

感谢你能够认真阅读完这篇文章,希望小编分享崇高文本中如何配置ESLint内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

崇高的文本中如何配置ESLint