在 VSCode 上安装 Prettier

Posted 2023-02-22

【中文标题】在 VSCode 上安装 Prettier

【英文标题】：Installing Prettier on VSCode

【发布时间】：2020-01-26 16:21:47

【问题描述】：

我想使用 Prettier 在“保存时”格式化我的代码，但我很难设置它。

以下是我采取的步骤：

使用 npm install -g prettier 全局安装 Prettier 作为节点包。

安装 Prettier 作为 VS Code 扩展。

在 VSCode 中，我转到文件 > 首选项 > 设置：然后搜索“保存时格式化”并确保选中了该选项。

我知道我现在需要以 JSON 格式进入 Visual Studio Code 的“用户设置/首选项”并放入以下配置：

"editor.formatOnSave": false,
// Enable per-language
"[javascript]": 
    "editor.formatOnSave": true

问题是，我找不到“用户的设置/首选项”？

如果我转到“文件 > 首选项 > 设置”，我看不到任何允许我输入 java 的地方。

【参考方案1】：

安装 Prettier

从扩展侧边栏中安装“Prettier - Code formatter”扩展。完成后，打开一个代码文件并按 Alt + Shift + F 自动格式化。您应该会看到一个提示，要求您选择哪个 您想使用的代码格式化程序，因为您现在有两个可用。从提示中选择 Prettier。

为所有文件启用保存格式

通过“文件 > 首选项 > 设置”打开设置菜单。在搜索栏中输入editor.formatonsave 并启用“保存时格式化”设置。现在，每当您保存任何文件时，它都应该自动格式化。

仅对某些文件类型启用保存格式

通过导航到“文件 > 首选项 > 设置”并单击屏幕右上角的“打开设置 (JSON)”按钮来打开 settings.json 文件。

在文件中搜索任何预先存在的"editor.formatOnSave" 设置并将其删除。然后添加以下内容，将 "javascript" 替换为您希望在保存时启用格式的任何语言。

"editor.formatOnSave": false,
"[javascript]": 
    "editor.formatOnSave": true