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

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

  

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

  解决方案:vue

    vscode  文件 -》首选项 -》 设置  加入如下代码便可java

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

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

  项目通常有些设置了.editorconfiggit

  好比设置缩进4个空格啊什么的,而后发现升级后变成了2个。typescript

  例如格式化前:json

  

  格式化后:插件

  

  出现各类被改问题,若是是项目刚开始的话,出现这种问题,并无什么很差的地方,可是在项目作了大量文件以后,中途出现这种问题,将会致使再修改其余页面的时候大量地方被改。这是我提交git时比较不喜欢的3d

  因此找到了如下问题:code

  首先,vetur默认设置是这个样的。也就是不少是用的prettier插件。blog

  

  多是vscode更新之后读取prettier,致使并无读取.editorconfig文件里的配置。所以缩进有了问题。其余单引号变双引号已经多余括号去除,应该是prettier插件的处理机制吧,它的配置参数也尝试试了几回。因为英语差,并无太多研究。有须要的能够去官网:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

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

  

  

  作得不够细致,可是问题可以快速解决,但愿有志之士有更权威的解释

相关文章
相关标签/搜索