Sublime text 3 配置 ESLint 代码检查

Sublime text 3 配置 ESLint 代码检查

💡 原文中文,约1800字,阅读约需5分钟。
📝

内容提要

本文介绍了在Windows 7上使用Sublime Text 3和ESLint进行JavaScript代码检查的步骤,包括安装ESLint、生成package.json文件、配置Sublime Linter及插件、生成ESLint配置文件以及使用SublimeLint检查代码和查看错误信息。

🎯

关键要点

  • 在Windows 7上安装环境,包括Sublime Text 3、Node.js和Yarn。

  • 使用yarn init -y生成package.json文件,并安装ESLint。

  • 安装SublimeLinter和SublimeLinter-contrib-eslint插件以支持代码检查。

  • 通过命令行交互式生成ESLint配置文件,选择项目的配置选项。

  • 生成的ESLint配置文件包括环境设置、扩展规则和自定义规则。

  • 在Sublime Text中使用SublimeLint检查JavaScript文件中的错误。

延伸问答

如何在Windows 7上安装Sublime Text 3和ESLint?

在Windows 7上安装Sublime Text 3、Node.js和Yarn,然后使用'yarn init -y'生成package.json文件,并安装ESLint。

如何配置Sublime Text 3以支持ESLint?

安装SublimeLinter和SublimeLinter-contrib-eslint插件,通过Package Control搜索并安装这两个插件。

如何生成ESLint配置文件?

在项目根目录下使用eslint命令交互式生成配置文件,回答相关问题以确定项目的配置选项。

SublimeLint如何检查JavaScript代码?

打开JavaScript文件,右键选择SublimeLint > Lint this view来检查当前文件,错误会在编辑器中显示。

ESLint的默认parser是什么?

ESLint的默认parser是esprima,如果需要检查Babel转义的JSX文件,可以选择安装babel-eslint。

如何选择ESLint的配置选项?

在生成配置文件时,ESLint会询问项目的配置选项,如代码风格和目标文件,用户可以选择性回答。

➡️

继续阅读