在开始之前,我只想提一下我正在学习和学习如何使用带有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查看问题后,通过本教程进行学习。
现在我的项目有一个主项目文件夹,然后是一个client
和server
子文件夹,用于分隔前端(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
掉毛却没有(当我添加分号时出现错误)。>
答案 0 :(得分:2)
您的服务器端代码使用require
,而您的客户端代码使用import
。所以,是的,您实际上无法在两者之间比较相同的有效性。
如果您查看文档here(您可以从共享错误片段上方的链接中找到该文档),则可能会意识到:这不是airbnb样式指南,而是eslint默认规则ASI(又名自动分号插入)。您可能希望从代码中删除同样的影响。
附录:如Fabio Antunes所述,您可能希望从package.json中删除eslint标准。让我们知道是否有帮助。