在我安装并启用了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
}
我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?
当前回答
在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
其他回答
如果其他答案都不起作用,请检查工作目录中不存在冲突的更漂亮配置. pretierrc,或检查. pretierignore以确保文件/文件夹没有被忽略。
这不是pretty本身的问题,而是pretty - VSCode, VSCode扩展的问题。根据Vue的文档,Vue格式默认是禁用的:
更漂亮。disableLanguages(默认值:["vue"]) 要禁用此扩展的语言id列表。需要重新启动。注意:禁用父文件夹中启用的语言将阻止格式化,而不会让任何其他格式化程序运行
在这种情况下,启用您应该设置“更漂亮。disableLanguages”:[]。由于这是一个扩展配置,你应该在VSCode设置文件,而不是。pretierrc。
在我的情况下,我使用的是一台windows机器,原来文件系统已经损坏,因此漂亮的提出了一个错误,因为它无法打开配置文件,由于文件系统损坏。
为了解决这个问题,我在终端上运行chkdsk /f h:,其中h是文件分区。
这解决了文件腐败和漂亮的现在工作正常。
在我的例子中,它被typescript格式化器劫持了。
它把我逼疯了,因为它一直在重新格式化我的空间!
为了解决这个问题,我执行cmd+。(设置)type -> "默认格式化程序"
还有未检查的typescript
不要忘记在VSCode的设置中启用“editor.defaultFormatter”。在我的例子中,它是空的,因此甚至是“编辑器”。formatOnSave”似乎也没有解决这个问题。