vue项目中vscode格式化配置和eslint配置冲突

摘要：使用vscode开发vue项目的时候，从远端拉下一个新的项目后，安装完依赖后跑起项目时，发现直接报了一堆语法错误：包括换行、空格、单双引号、分号等各种格式问题

使用vscode开发vue项目的时候，从远端拉下一个新的项目后，安装完依赖后跑起项目时，发现直接报了一堆语法错误：包括换行、空格、单双引号、分号等各种格式问题

因为我的 vscode 安装使用 vetur 插件，它默认使用的是 prettier 来格式化代码，从而在拉下代码时，直接格式化了我的代码

这时首先想到的处理办法，是把 webpack 中 eslint 的相关配置关闭，这时，随然报错不见了，但问题并没有解决

这个项目是多人开发，如果我不设置 eslint 检测，那么对其它人来说结果将是灾难性的

所以只好进行vscode局部配置的修正，并重新拉下来代码，配置如下

{
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true,
            "semi": false
        }
    }
}

然而，这并没有撤底解决问题。因为我的 vscode 全局配置中，仍然有大量的配置设置，很有可能存在我没有发现的意外问题（地雷）

所以还是要正面解决这个问题。我的方案是将 vscode 配置文件进行同步，保证所有人的编辑器配置是一致的

但是这需要一个前提，就是每一个开发者，都要保证自已的 vscode 中的合局配置必须是空的，是干净的

所以，这也提醒我们，无论是在开发代码时，还是配置环境时，可以局部配置的一定要走局部，不要去污然全局

另外，最好将 vscode 的插件配置信息也同步到项目中，这样就可以保证所有人的代码都可以正常的流转，不必担心引发格式上的意外

默认情况下.vscode配置文件夹是不会加入git监控的

#设置同步 vscode配置
!/.vscode/settings.json

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！