配置visual studio代码多重格式化问题的步骤

这篇文章涵盖了配置visual studio代码多重格式化问题的简单步骤

我在格式化typescript文档代码时遇到了以下问题：

There are multiple formatters for 'TypeScript' files. Select a default formatter to continue.

你可以看到下面的屏幕截图问题

重要的是，我正在处理typescript文件，我得到了这个问题，同样的问题会出现在任何文件：javascript,html ，css。

如何修复typescript文件的多个格式，选择一个默认的格式来继续

首先，让我清楚地解释这个问题。

我的visual studio代码已经安装了以下格式化器

Prettier - Code formatter Typescript and Javscript Language Features

当有多个格式化器时，vscode无法配置，你必须配置默认的一个。

TypeScript "文件有多个格式化器。选择一个默认的格式化器来继续。

点击配置，它将询问 "选择TypeScript文件的默认格式"，有以下选项

Settings.json 还有一种方法，对于visual studio code的高级用户。

找到settings.json文件，在我的系统中，settings.json位于

C:\Users\username\AppData\Roaming\Code\User\settings.json

如果你想为typescript文件添加默认的格式，即Typescript and Javscript Language Features ，那么添加以下内容

{
    "[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    }
}

如果默认格式是Prettier - Code formatter ，在settings.json中添加以下内容

{
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

如何在visual studio code中为文件类型配置默认格式prettier？

Prettier prettier是Visual Studio代码中流行的格式，它支持所有流行的语言，javascript、typecript、html和css等。

以下是配置prettier的多个步骤

• 进入扩展标签，搜索prettier -Code formatteror directly typeesbenp.prettier-vscode`。
• 安装这个扩展
• 打开settings.json文件
• 为javascript文件类型更新settings.json文件

  {
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

• 在任何一个javascript文件上点击右键，然后点击Format document 选项。

在本教程中，你学到了

• 多重格式化问题
• 配置默认的prettier格式化器