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 文件，就可以达到双引号变单引号、自动删除分号的效果。