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

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

我的.prettierrc设置:

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

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


当前回答

在Windows上:

我们可以使用以下命令打开下面的文件:

Start > Run 

文件路径:

%AppData%\Code\User\settings.json

改变 来自:

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

To:

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

注意:

如果上述内容不存在,请添加而不是更改。 您应该已经安装了“更漂亮的代码格式化器”,以查看上述更改的效果- https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

其他回答

如果Prettier在保存时自动格式化除HTML文件外的所有其他文件:

按Cmd + P或Ctrl + P打开命令面板,并在其中输入以下文本:

> open settings

从建议下拉菜单中单击Preferences: Open Settings (JSON)。 在设置里面。检查[html]键是否存在。如果该键存在,并且它的值指示使用Visual Studio Code中安装的另一个格式化扩展,则应将其重置为使用Prettier。

"[html]": {
    "esbenp.prettier-vscode"
}

例如,有时“[html]”键的值可以是“remimarsal”。当你安装了“现在更漂亮”扩展时。

如果你没有安装任何其他格式扩展,除了pretty,你也可以从设置中删除“[html]”键。json文件。

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

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

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

在我的例子中,我使用一个不存在的配置文件(见下面的屏幕截图)配置得更漂亮。这很难找到,因为没有任何错误消息,但漂亮的只是没有工作。也许这也能帮助到别人。

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

这不是pretty本身的问题,而是pretty - VSCode, VSCode扩展的问题。根据Vue的文档,Vue格式默认是禁用的:

更漂亮。disableLanguages(默认值:["vue"]) 要禁用此扩展的语言id列表。需要重新启动。注意:禁用父文件夹中启用的语言将阻止格式化,而不会让任何其他格式化程序运行

在这种情况下,启用您应该设置“更漂亮。disableLanguages”:[]。由于这是一个扩展配置,你应该在VSCode设置文件,而不是。pretierrc。