记一次vscode升级后,格式化Vue出现的问题
一、VSCode中使用vetur插件格式化vue文件时,stylus代码会自动加上大括号、冒号和分号
本来就是简写比较方便舒服,结果一个格式化回到十年前
解决方案:
vscode 文件 -》首选项 -》 设置 加入以下代码即可
// 以下为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 ,问题暂时解决
做得不够细致,但是问题能够快速解决,希望有志之士有更权威的解释