Visual Studio Code格式化代码 Prettier 不能配置单引号

在日常开发中，或者说作为 JavaScript 开发者来说，VSCode 是一把利器，它可以配置 Eslint 、Prettier 等代码美化插件，同时有的时候代码的格式不正确之后，我们更希望能够使用 VSCode 的快捷键来一键美化代码。

在 MacOS 系统中，格式化代码的快捷键是 Option + Shift + F，同时我们会发现，在 .js 的文件中，自带的格式化工具，给许多字符串添加上了双引号 ""，而我们想要的只是单引号而已 ''，那我们应该如何配置呢？

1. 在 VSCode 的插件中安装 Prettier 插件，并使用 Command + , 打开配置项，勾选（默认是不勾选的状态）。
   

   或者在 VSCode 的配置文件 settings.json 中添加一下内容：

   "prettier.singleQuote": true,
   

   VSCode 的配置文件目录在 MacOS 系统中位于 ~/Library/Application\ Support/Code/User/settings.json

2. 再次尝试自动化格式化，如果还是不行，那么我们就查看一下在项目的目录中是否包含了 .editorconfig 文件，请注意：Prettier 默认读取项目中的 .editorconfig 文件的配置，如果你的 .editorconfig 文件中没有注明使用单引号的话，那么 Prettier 的格式化就会使用双引号来覆盖默认的配置。

   所以我们在 .editorconfig 文件中添加：

   quote_type = single
   

3. 如果你不想去更改 .editorconfig 文件的内容，我们也可以更改 Prettier 的配置。只需要将默认读取 .editorconfig 文件的选项去除即可（默认是勾选的状态）。
   

更多内容

前端开发转全栈，目前的技术栈是 Node.js、Python，日常研究 C、C++ 和 Rust，孜孜啃食系统开发和网络设计中~

更多的内容请移步GitHub@ruxf，知乎@如小非，掘金@如小非，或者关注我的公众号@全栈开发师，欢迎来撩~

学到老，写到老，生命不停，编程不止~

加油，打工人~