为什么在VS code中pretty没有格式化代码?

在我安装并启用了ESlint和Prettier的Nuxt应用程序中，我切换到Visual Studio Code。

当我打开一个.vue文件并按CMD+ Shift + P并选择格式化文档时，我的文件根本没有被格式化。

我的.prettierrc设置:

{
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true
}

我有这么多源代码行，所以我不能手动格式化它们。我做错了什么?

当前回答

如果你已经设置了所有的东西，你可以在设置和漂亮的工作不。尝试通过这个命令行安装它。 NPM install——save-dev pretty

其他回答

不要忘记在VSCode的设置中启用“editor.defaultFormatter”。在我的例子中，它是空的，因此甚至是“编辑器”。formatOnSave”似乎也没有解决这个问题。

当我从Ubuntu转到Windows 10时，我也遇到了同样的问题。

问题出在快捷键“ctrl + shirt + i”上，这是Ubuntu的默认设置，但在Win10中没有。

去文件->首选项->键盘快捷方式。

然后写得更漂亮，找到“格式文档(强制)”。点击铅笔在左边和写键盘快捷键，按Enter。

如果因为已经有命令写入该快捷方式而不可能，那么找到它并将其更改为其他方式。这样就有可能了。

对我来说，当我在. preterrc文件中去掉parser: json时，它起作用了。

我没有使用Vue，但遇到了同样的问题。

我已经设置好了

编辑器:用于更漂亮的默认格式化器编辑器:格式保存为true 我已经有了。eslintrc.js和。prettierrc文件但是什么都不管用。

我的问题的解决方案是，我已经正确设置，除了我需要:

Command + Shift + p 输入格式文件 select Configure Default Formatter… 选择pretty作为默认值。

我不知道为什么编辑器:保存的格式设置为true是不够的。我需要使用上面的步骤选择默认格式化器，这样它就可以工作了。

在我的案例中，我必须做到以下几点:

从命令行安装prettier (npm Install——save-dev——save-exact prettier-plugin-custom) 重载VSCode

voilà，一切都开始运转了。

提示: 为了确保安装良好，我检查了版本:

npx prettier --version

推荐文章