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

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

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

我的.prettierrc设置:

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

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

当前回答

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

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

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

其他回答

以下三个步骤可以解决你的问题:

1 -进入设置，然后搜索自动格式

2 -选择文本编辑器

3—选择“esbenp”。pretty -vscode作为默认格式化器。

简单地说，转到设置>用户选项卡>文本编辑器>编辑器:默认格式化器，并将其更改为更漂亮。

Prettier还可以在保存时格式化文件。

但是，安装和启用并不会导致工作。

你必须检查“保存格式”在VSCode:设置>>用户>>文本编辑>>格式

检查你的包裹。Json文件的属性为prettier，因为这将优先。

{
  "name": "example",
  "scripts": { ... },

  "prettier": {},

  "dependencies": { ... },
  "devDependencies": { ... },
}

删除此属性，将使用. pretierrc文件。

优先级的顺序在更漂亮的文档中说明。

在. pretierrc中检查requirePragma，它说你需要为要格式化的文件添加一个顶级注释

去掉这个规则，它就会起作用

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

{
  "editor.formatOnSave": false
}

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

推荐文章