为什么在VS code中pretty没有格式化代码?

在我安装并启用了ESlint和Prettier的Nuxt应用程序中，我切换到Visual Studio Code。

当我打开一个.vue文件并按CMD+ Shift + P并选择格式化文档时，我的文件根本没有被格式化。

我的.prettierrc设置:

{
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true
}

我有这么多源代码行，所以我不能手动格式化它们。我做错了什么?

当前回答

如果你已经设置了所有的东西，你可以在设置和漂亮的工作不。尝试通过这个命令行安装它。 NPM install——save-dev pretty

其他回答

检查是否有.vscode/settings。Json文件在您的项目目录(工作空间)。在我的案例中，有人签入了这个文件:

{
  "editor.formatOnSave": false
}

解决方案:删除文件(也从源代码控制中删除)，并将.vscode/添加到.gitignore(如果您使用git)。

你可以试着把这个部分添加到你的VS Code设置中吗?json文件吗?

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

对我来说，在VS Code设置中禁用了这个选项(然后使用默认配置更漂亮):

更漂亮:需要配置

1 .使用其他扩展更漂亮的是不为我工作，我只是使用其他VSCODE扩展名为pretiernow我认为这将有助于，为我做的。在这里签出扩展

2 .从prettier的最新更新中，如果你想坚持使用prettier，你需要在项目的根目录中添加.prettierrc文件。 .prettierrc的一个例子是-

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

对我来说，问题是HTML文件的格式有一天停止工作。我设置了保存格式，它适用于除HTML以外的所有文件。

然后我意识到，我试验性地将保存模式的格式设置为修改而不是文件，然后忘记了它。这对HTML文件中的任何内容都没有格式化的影响，令人惊讶的是，即使是我的更改也没有格式化。将其设置回文件解决了这个问题。

推荐文章