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

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

我的.prettierrc设置:

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

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


当前回答

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

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

其他回答

我没有使用Vue,但遇到了同样的问题。

我已经设置好了

编辑器:用于更漂亮的默认格式化器 编辑器:格式保存为true 我已经有了。eslintrc.js和。prettierrc文件 但是什么都不管用。

我的问题的解决方案是,我已经正确设置,除了我需要:

Command + Shift + p 输入格式文件 select Configure Default Formatter… 选择pretty作为默认值。

我不知道为什么编辑器:保存的格式设置为true是不够的。 我需要使用上面的步骤选择默认格式化器,这样它就可以工作了。

我需要做的唯一一件事就是用简单的更新包

npm install

我试了这里所有的东西,还是不行。就好像它不存在一样。pretty也作为依赖项添加到项目中。原来是其他人添加或更新了任何软件包,导致我的美容器停止工作。

希望能让别人免去我的头疼。

你只需要配置你的默认格式化器,并勾选设置中的Format On Save复选框,在安装prettier后,使其工作。不要乱动其他配置文件。

1 -选择Default Formatter

打开文件->首选项->设置(或Windows中的Ctrl +)。 搜索编辑器:默认格式化器 选择您的默认格式化程序为pretty - Code formatter;

见下图;

2 -保存格式

打开文件->首选项->设置(或Windows中的Ctrl +)。 搜索编辑器:保存格式 单击Format On Save下的复选框;

见下图;

我试着启用“格式保存”,并将“自动保存延迟时间”设置为0。它成功了,所以我猜你也可以试试这个。

编辑:你可以通过这些步骤看到它们。

管理(齿轮图标左下角)

设置(在管理下拉列表中)

在保存时搜索格式并启用它(勾选复选框)

向下滚动,寻找自动保存延迟,并将其设置为0

进入管理(位于左下角)->设置->用户选项卡->文本编辑器->格式->检查保存的格式

如果不能工作,请关闭并再次打开vscode编辑器