记一次vscode升级后，格式化Vue出现的问题

一、VSCode中使用vetur插件格式化vue文件时，stylus代码会自动加上大括号、冒号和分号

　　

　　本来就是简写比较方便舒服，结果一个格式化回到十年前

　　解决方案：

　　　　vscode  文件 -》首选项 -》 设置  加入以下代码即可

?

1 2 3 4 5 6

// 以下为stylus配置 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylusSupremacy.insertBraces": false, // 是否插入大括号 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行

 二、代码格式化缩进4个变成2个、json格式化、js中单引号变双引号 。。。

　　项目一般有些设置了.editorconfig

　　比如设置缩进4个空格啊什么的，然后发现升级后变成了2个。

　　例如格式化前：

　　

　　格式化后：

　　

　　出现各种被改问题，如果是项目刚开始的话，出现这种问题，并没有什么不好的地方，但是在项目做了大量文件之后，中途出现这种问题，将会导致再修改其他页面的时候大量地方被改。这是我提交git时比较不喜欢的

　　所以找到了以下问题：

　　首先，vetur默认设置是这个样的。也就是很多是用的prettier插件。

　　

　　可能是vscode更新以后读取prettier，导致并没有读取.editorconfig文件里的配置。因此缩进有了问题。其他单引号变双引号已经多余括号去除，应该是prettier插件的处理机制吧，它的配置参数也尝试试了几次。由于英语差，并没有太多研究。有需要的可以去官网：https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

　　为了快速解决出现的问题。我把格式化js的配置修改成了 vscode-typescript  ，问题暂时解决

　　

　　

　　做得不够细致，但是问题能够快速解决，希望有志之士有更权威的解释