記一次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  ,問題暫時解決

  

  

  做得不夠細致,但是問題能夠快速解決,希望有志之士有更權威的解釋

 

  

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM