当代码被拆分到多个文件时,如何使用 Atom 的 linter-jshint?

Posted

技术标签:

【中文标题】当代码被拆分到多个文件时,如何使用 Atom 的 linter-jshint?【英文标题】:How do I use Atom's linter-jshint when code is split up across multiple files? 【发布时间】:2016-10-28 05:23:15 【问题描述】:

我正在编写一个单页 javascript 应用程序,并使用 Atom 作为我的文本编辑器。 (这是一个 Electron 应用程序,但这不是重点。)

我还在为 Atom 使用 linter-jshint 插件。这很棒,因为当我在变量中打错字时,它会立即显示在文本编辑器中,以及其他有用的东西。

最近,我的应用程序变得很长。自然,我想尝试将其拆分为多个文件。在完成some research on *** 之后,我确定我可以使用 Grunt 自动将 JavaScript 文件连接在一起。这很棒,因为我不必重构我的代码——我可以将现有的函数复制粘贴到单独的文件中。简单!

但是,一旦我这样做了,Atom 就会充满来自 JSHint 的警告和错误,因为它找不到位于其他文件中的变量和函数!

现在,我可以完全放弃 Atom 中的 JHint 插件,在连接已经发生后将 JSHint 插件用于 Grunt。但这很糟糕!我希望我将要编写的代码能够像真正的 IDE 一样在运行中进行检查。

有没有办法告诉 Atom/JSHint 假设一堆 JavaScript 文件将全部连接在一起?还是我只是完全错误地处理这个问题?

【问题讨论】:

【参考方案1】:

您可以使用Node Common Modules 拆分您的电子应用程序,并在您的应用程序中使用require('./state.js');

虽然我不使用 Atom,但它应该可以理解您如何在其他文件中使用您的变量和函数。

这也应该消除您对连接的需要,因为单页应用程序将考虑到它的所有依赖项。

【讨论】:

以上是关于当代码被拆分到多个文件时,如何使用 Atom 的 linter-jshint?的主要内容,如果未能解决你的问题,请参考以下文章

Atom编辑器入门到精通 Markdown支持

Atom编辑器入门到精通 Markdown支持

当达到多个元素时,如何将视图拆分为多个页面?

如何将一张包含多个表格的 Excel 文件拆分为单独的数据框?

当尝试将变量传递给另一个模块时,将代码拆分到Nodejs中的自定义模块时,它将被定义为未定义

使用 Python 将内容从单个文件夹拆分到多个子文件夹