记一次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  ,问题暂时解决

  

  

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

 

  

 

  

posted @ 2017-10-21 10:02  LGGGGG  阅读(19991)  评论(4编辑  收藏  举报