vscode中js文件和vue文件格式化分號和雙引號的問題

vs code編輯器運行vue項目時，.vue 文件和 .js 文件的規範是：不建議行尾有分號，字符串使用單引號不建議使用雙引號的，如果項目中有 eslint 的話，那麼就會經常報錯。

我的習慣是喜歡打開 format on save （保存及格式化代碼）選項，安裝了prettier 插件，也在 settings.json 設置瞭如下：

    // vue文件默認格式化工具：vetur
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,
            "singleQuote": true
        }
    },

但是 prettier 經常在格式化時還依然加上雙引號和分號，也就是上面的配置不管用，查看 prettier 的配置有三種：

第一種和第二種都需要在項目中自己添加配置文件，想到每個項目都要這樣，不能一勞永逸實在太麻煩。第三種的package.json文件不知道是不是項目中的package.json，如果是，那麼跟前兩種一樣，每個項目都需要配置。如果不是的話，我就不清楚怎麼配置了。

解決方法：

放棄使用了 prettier 插件來格式化代碼，使用了下圖的第三個插件，先前使用的是第一個。

然後在 settings.json 文件中把 JavaScript 格式化程序設置爲第三個就沒有自動加分號和雙引號的問題了。

步驟：

如果沒有默認的 JavaScript 格式化程序，在一個 js 文件中按下 alt+shift+f，然後右下角出現：

點擊配置：

選擇如圖所示的帶有 Standard 字樣的 prettier 即可，點擊之後，settings.json 文件中多了下面的配置代碼：

    "[javascript]": {
        "editor.defaultFormatter": "numso.prettier-standard-vscode"
    },

也可以直接在 settings.json 文件中添加上圖的代碼，複製粘貼至 settings.json 即可。

然後再次格式化 .js 文件，就可以達到雙引號變單引號、自動刪除分號的效果。