visual-studio-code - 在 VSCode 上安装 Prettier

Question

我想使用 Prettier 来“保存时”格式化我的代码，但我正在努力设置它。

以下是我采取的步骤:

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

2. 将 Prettier 安装为 VS Code 扩展。

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

我知道我现在需要以 JSON 形式转到 Visual Studio Code 的“用户设置/首选项”并进行以下配置:

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

问题是，我找不到“用户的设置/偏好”？

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

Answer 1

安装更漂亮

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

为所有文件启用格式保存

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

仅对特定文件类型启用格式保存

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

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

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