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

  

  

  作得不夠細緻,可是問題可以快速解決,但願有志之士有更權威的解釋

相關文章
相關標籤/搜索