一、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 ,問題暫時解決
做得不夠細致,但是問題能夠快速解決,希望有志之士有更權威的解釋