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

      

      

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

      

      

  • 相关阅读:
    vue移动框架vonic
    vue桌面端框架element
    vuex最简单的入门文档
    Vuex最简单教程
    环境配置
    【转】MyEclipse8.5集成Tomcat7时的启动错误:Exception in thread “main” java.lang.NoClassDefFoundError org/apache/commons/logging/LogFactory
    Java中获取完整的url
    【转载】Android Studio 设置内存大小及原理
    Android上实现仿IOS弹性ScrollView
    ServletContextListener 启动SPRING加载数据到缓存的应用
  • 原文地址:https://www.cnblogs.com/lggggg/p/7703818.html
Copyright © 2020-2023  润新知