vscode中stylus、js格式化問題

1.stylus分號、大括號

最近用vscode寫stylus的時候，發現格式化後， 在規則結尾默認增長了分號、大括號、結尾空行，看起來很不爽。

更改前，格式化：

解決方法：

vscode -> 設置 -> 首選項 -> 用戶設置中增長如下規則：

"stylusSupremacy.insertColons": false, // 是否插入冒號（默認是true）
"stylusSupremacy.insertSemicolons": false, // 是否插入分號
"stylusSupremacy.insertBraces": false, // 是否插入大括號
"stylusSupremacy.insertNewLineAroundImports": false, // import以後是否換行
"stylusSupremacy.insertNewLineAroundBlocks": false // 兩個選擇器中是否換行複製代碼

更改完成，格式化：

若是以爲規則之間沒有冒號不習慣，把

"stylusSupremacy.insertColons": false, // 是否插入冒號（默認是true）

刪除便可。

2.js單雙引號

vscode中的vetur插件使用的格式化規則爲prettier， 下載插件Prettier - Code formatter，而後配置規則：

vscode -> 設置 -> 首選項 -> 用戶設置中增長如下規則：

"prettier.semi": false,
"prettier.singleQuote": true複製代碼

而後格式化， OK！