ESlint for VSCode 不使用节点或替代方案？

Posted 2023-03-22

【中文标题】ESlint for VSCode 不使用节点或替代方案？

【英文标题】：ESlint for VSCode without using node or alternative?

【发布时间】：2018-06-20 04:14:02

【问题描述】：

我们正在向初学者教授基本的 javascript，并且最近从 Atom 编辑器切换到 VSCode。问题在于 VSCode 要求我们先安装 node，然后再安装 npm install eslint，而在 Atom 中，我们可以使用 atom 包管理器下载 linter-eslint 包，然后我们可以直接指向 gloabl .eslint 文件。虽然安装和使用 node 并不是什么大不了的事，但我们正在尝试将所有与 node 相关的东西留给以后更高级的课程，这样我们就可以专注于基础知识。

有没有办法在 VSCode 中使用 ESlint 而无需通过 node 下载和安装它，或者我们可以使用另一个替代扩展来为我们提供类似的功能？

【问题讨论】：

通过“基本 JavaScript”，我假设您谈论的是语言，而不是浏览器和 DOM 造成的所有混乱，所以您可能还是要将 node 用作 REPL？

好点，这不小心误导了。为了清楚起见，我们正在教授 Web 开发的基础知识，例如基本的 html、CSS 和 JavaScript。我们使用 Chrome 开发工具，并使用 repl.it 和 codepen 作为替代的 repl 环境。我们在第 5 周而不是第 1 周引入节点，以降低复杂性，让学生可以专注于更基础的东西。

TBH，我认为初学者在前 4 周不用 linter 也可以。你打算如何在你的课程中使用 linter？

我们使用 linter 强制执行严格的风格，并帮助防止他们在学习时养成不良习惯。

【参考方案1】：

MS 支持的 VS Code 有一个 eslint 扩展：https://github.com/Microsoft/vscode-eslint

FWIW，我通过谷歌搜索“ESLint vscode”发现了这一点。 ;)

鉴于 MS 支持的版本仍然希望您通过 npm 安装 eslint，这可能是唯一的方法。

FWIW，Atom 本身是用 Node 编写的，所以我猜它也在做同样的事情，只是隐藏在一些 UI 时髦的后面。

【讨论】：

谢谢，我们一引入 Node.js，就真正使用了 Eslint 的 VSCode。我们希望有一个非常基本的扩展或其他替代方案，它内置了 linter 功能，我们可以使用这些功能，而无需引入 Node.js。我所有的研究都让我得出了和你一样的结论，所以我们很可能会调整我们的课程。我暂时保持打开状态，如果没有其他问题，请选择此答案。