在我安装并启用了ESlint和Prettier的Nuxt应用程序中,我切换到Visual Studio Code。
当我打开一个.vue文件并按CMD+ Shift + P并选择格式化文档时,我的文件根本没有被格式化。
我的.prettierrc设置:
{
"tabWidth": 2,
"semi": false,
"singleQuote": true
}
我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?
在我安装并启用了ESlint和Prettier的Nuxt应用程序中,我切换到Visual Studio Code。
当我打开一个.vue文件并按CMD+ Shift + P并选择格式化文档时,我的文件根本没有被格式化。
我的.prettierrc设置:
{
"tabWidth": 2,
"semi": false,
"singleQuote": true
}
我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?
当前回答
尽管有这些设置,你仍然会遇到问题。在这种情况下,正如之前的回答中所指出的,那么在VSCode的底部状态栏中检查更漂亮的通知将是一个好点。
当单击该状态时,输出面板应该在HTML文件中报告该问题。对我来说,问题是我在p标签里面有一个div,我认为更漂亮的/VSCode惯例是反对的。当我删除它(并结合上面的所有设置,即默认格式化器和保存时的格式)时,我工作得更好了。
.prettierrc不是必需的,除非你想覆盖VSCode设置
其他回答
以下三个步骤可以解决你的问题:
1 -进入设置,然后搜索自动格式
2 -选择文本编辑器
3—选择“esbenp”。pretty -vscode作为默认格式化器。
简单地说,转到设置>用户选项卡>文本编辑器>编辑器:默认格式化器,并将其更改为更漂亮。
对我来说,它与ESlint有关,ESlint也与Prettier一起工作。Eslint没有工作(本地安装与全局安装冲突),这破坏了Prettier。
有一些语法是pretty无法解析的。?? 是其中之一。去掉那个符号后,我的美女就像施了魔法一样。你应该看看vscode中Prettier扩展的输出。这应该指出的行和语法是造成的问题,更漂亮的格式正确。
在不太可能的情况下,上述解决方案都不适合你(像我一样),我不得不在设置中将默认格式化器设置为null,然后按CTRL + SHIFT + P并搜索“格式文档”(默认格式文档绑定+R对我不起作用),然后我被提示在弹出窗口中选择默认格式化器,在选择更漂亮的格式后,它格式化了文档,现在也保存了格式
我需要做的唯一一件事就是用简单的更新包
npm install
我试了这里所有的东西,还是不行。就好像它不存在一样。pretty也作为依赖项添加到项目中。原来是其他人添加或更新了任何软件包,导致我的美容器停止工作。
希望能让别人免去我的头疼。