eslint为2个文件夹配置了相同的文件,但排列方式不同

时间:2018-07-14 21:18:47

标签: node.js express npm vue.js eslint

在开始之前,我只想提一下我正在学习和学习如何使用带有git,vue,express,npm,cli和webpack的正确工作流程。我对这些概念还很陌生,但是随着我的学习,我一直乐于学习和排除故障。我一直在观看有关将VueJS与Express结合使用的流行视频教程(如果可以,我会链接)。过去,我只是没有cli工具的标准html / php,javascript / jquery,css dev。在看到这些工具有多么神奇并在使用它们的那一刻“ AHA”之后,我决定先潜水。

我完成了本教程的第一部分,即设置节点,npm等。我创建了一个git存储库(在这里https://github.com/drpcken/tab_tracker),进行了第一次提交(这很有趣),然后开始进行操作在配置完我所有的依赖项并在终端中使用nodemon和eslint查看问题后,通过本教程进行学习。

现在我的项目有一个主项目文件夹,然后是一个clientserver子文件夹,用于分隔前端(vue)和后端(express)。本教程让我使用standard样式指南来设置eslint。我很快意识到我不想要这样做,因为standard在每一行的末尾都不需要分号(我是老式的并且喜欢它们)。然后,我意识到我想要的棉绒是airbnb。因此,昨晚,当在我的server文件夹中工作时,我运行了命令以初始化eslint:node ./node_modules/eslint/bin/eslint.js --init,并将样式指南更改为airbnb。它工作得很漂亮,今天早上我很高兴将更改提交到了存储库中。

当我早晨醒来并再次开始学习时,我意识到client文件夹也需要初始化eslint并切换到airbnb风格指南。因此,我这样做了,就像我在服务器文件夹中初始化eslint一样。但是,似乎没有。如果我在客户端文件夹中一个js文件的末尾添加分号,则我的编译器/终端会抱怨:

 ✘  http://eslint.org/docs/rules/semi  Extra semicolon
  src/router/index.js:2:32
  import Router from 'vue-router';

我不知道为什么会这样。我将eslint配置为使用airbnb文件夹的方式与server文件夹相同。这是我的仓库的链接:https://github.com/drpcken/tab_tracker

简而言之:在一个文件夹中,从standard样式指南切换到airbnb的棉绒与另一文件夹中的绒毛有所不同。 server文件夹以airbnb正确地掉毛(需要分号),但我的client文件夹使用相同的airbnb掉毛却没有(当我添加分号时出现错误)。

1 个答案:

答案 0 :(得分:2)

您的服务器端代码使用require,而您的客户端代码使用import。所以,是的,您实际上无法在两者之间比较相同的有效性。

如果您查看文档here(您可以从共享错误片段上方的链接中找到该文档),则可能会意识到:这不是airbnb样式指南,而是eslint默认规则ASI(又名自动分号插入)。您可能希望从代码中删除同样的影响。

附录:如Fabio Antunes所述,您可能希望从package.json中删除eslint标准。让我们知道是否有帮助。