问题描述
您已经在JS应用程序中安装和启用了更漂亮的,但是Visual Studio代码不格式或突出显示您的代码。
如果您尚未在应用程序中安装更漂亮 - 您可以看到其安装的指南at the link
修复方法:
代码分析可能会出现几个可能的问题。这是主要的:
未安装漂亮的
检查您的package.json
是否已安装了更漂亮的版本:
如果安装了漂亮的,请尝试运行npm install
,以防万一。
未安装VSCODE中的Prettier Extension
确保您已经在VSCODE中安装了更漂亮的扩展名。如果缺少,您可以在链接上找到它:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
无效或缺少配置文件
检查是否存在.prettierrc
或prettier.config.js
文件并正确。
尝试用另一个经过验证的文件替换配置文件。您可以使用文档中的基本配置:
{
"trailingComma": "es5",
"tabWidth": 4,
"semi": false,
"singleQuote": true
}
Prettier不是将默认代码格式设置为
转到File -> Preferences -> Settings
或(Ctrl
+ comma
)。并搜索formatter
。
在打开的选项卡中,选择“默认格式格式” - `Prettier'。
禁用的文件扩展或不正确的语言配置
可以将Prettier配置为禁用某些文件类型的解析 - 因此,请检查所需的文件是否不包含在prettier-ignore
文件中。
另外,检查您的文件扩展名是否正确拼写。
另外,请确保设置对应于您使用的编程语言。
冲突的VSCODE扩展
尝试禁用其他VSCODE扩展。冲突的扩展可能会干扰更漂亮的。
过时的版本
vscode扩展的较新版本可能不支持更漂亮的旧版本。如有必要,请在package.json
中提高更漂亮的版本。
结论
在本文中,我们研究了Prettier和Vscode的集成可能的问题。我希望这些技巧能帮助您解决遇到的问题。