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

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

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

我的.prettierrc设置:

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

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

当前回答

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

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

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

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

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

其他回答

在VSCode中启用“保存格式”:设置>>用户>>文本编辑器>>格式化对我有用!

如果做什么@Simin Maleki提到的不能解决你的问题，有一个机会，你的默认格式化器没有设置:

File > Preferences > Settings > Search for "default formatter"

确保“Editor: Default Formatter”字段不为空，而是“Prettier - Code Formatter”(esbenp.prettier-vscode)，并且勾选以下所有语言。这解决了我的问题。

一步一步的演练

同时确保保存时的格式是启用的:

你只需要配置你的默认格式化器，并勾选设置中的Format On Save复选框，在安装prettier后，使其工作。不要乱动其他配置文件。

1 -选择Default Formatter

打开文件->首选项->设置(或Windows中的Ctrl +)。搜索编辑器:默认格式化器选择您的默认格式化程序为pretty - Code formatter;

见下图;

2 -保存格式

打开文件->首选项->设置(或Windows中的Ctrl +)。搜索编辑器:保存格式单击Format On Save下的复选框;

见下图;

禁用和启用更漂亮的扩展解决了我的问题

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

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

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

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

npx prettier --version

推荐文章