栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

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

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

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

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

{    "vetur.format.defaultFormatterOptions": {        
"prettier": {            
"singleQuote": true,           
 "semi": false
        }
    }
}
  • 然而,这并没有撤底解决问题。因为我的 vscode 全局配置中,仍然有大量的配置设置,很有可能存在我没有发现的意外问题(地雷)

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

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

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

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

.gitignore文件配置【不忽略上传】vscode配置
  • 默认情况下.vscode配置文件夹是不会加入git监控的

  • gitignore配置参考

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


作者:龙旗飘扬的舰队

原文链接:https://www.cnblogs.com/zk995/p/10433332.html


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/245098.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号