修复更漂亮的不使用VScode
#javascript #初学者 #编程 #vscode

Ukrainian version

问题描述

您已经在JS应用程序中安装和启用了更漂亮的,但是Visual Studio代码不格式或突出显示您的代码。

如果您尚未在应用程序中安装更漂亮 - 您可以看到其安装的指南at the link

修复方法:

代码分析可能会出现几个可能的问题。这是主要的:

未安装漂亮的

检查您的package.json是否已安装了更漂亮的版本:

Prettier in package.json

如果安装了漂亮的,请尝试运行npm install,以防万一。

未安装VSCODE中的Prettier Extension

确保您已经在VSCODE中安装了更漂亮的扩展名。如果缺少,您可以在链接上找到它:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

无效或缺少配置文件

检查是否存在.prettierrcprettier.config.js文件并正确。

尝试用另一个经过验证的文件替换配置文件。您可以使用文档中的基本配置:

{
  "trailingComma": "es5",
  "tabWidth": 4,
  "semi": false,
  "singleQuote": true
}

Prettier不是将默认代码格式设置为

转到File -> Preferences -> Settings或(Ctrl + comma)。并搜索formatter

一词

在打开的选项卡中,选择“默认格式格式” - `Prettier'。

VSCode default formatter select

禁用的文件扩展或不正确的语言配置

可以将Prettier配置为禁用某些文件类型的解析 - 因此,请检查所需的文件是否不包含在prettier-ignore文件中。
另外,检查您的文件扩展名是否正确拼写。

另外,请确保设置对应于您使用的编程语言。

冲突的VSCODE扩展

尝试禁用其他VSCODE扩展。冲突的扩展可能会干扰更漂亮的。

过时的版本

vscode扩展的较新版本可能不支持更漂亮的旧版本。如有必要,请在package.json中提高更漂亮的版本。

结论

在本文中,我们研究了Prettier和Vscode的集成可能的问题。我希望这些技巧能帮助您解决遇到的问题。

将更漂亮的eslint使用?也可以看看:

More interesting articles.