在我安装并启用了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的设置中启用“editor.defaultFormatter”。在我的例子中,它是空的,因此甚至是“编辑器”。formatOnSave”似乎也没有解决这个问题。
其他回答
在某些情况下,prettier是作为依赖项提供的,您可能需要在prettier vscode使用以下命令之一识别它之前安装它,这取决于您使用的包管理器 NPM I或纱线
Prettier还可以在保存时格式化文件。
但是,安装和启用并不会导致工作。
你必须检查“保存格式”在VSCode:设置>>用户>>文本编辑>>格式
有时与自动插件更新所需的文件,由漂亮的可能会丢失。
如果这里有文件或文件夹为空,请检查此路径
C:\Users\ YOURUSERNAME \ esbenp.prettier-vscode-2.2.2 \ \ .vscode \扩展
如果丢失,卸载并重新安装更漂亮
最近我也遇到了同样的问题,那就是在保存代码时,pretty不会自动格式化代码。检查更漂亮,我看到一个错误:无效的“arrowParens”值。期望“总是”或“避免”,但得到的是真的。
当我点击这个时,看到错误消息:
结果我也安装了“现在更漂亮”。这在我的配置文件中有一个布尔值。卸载“现在更漂亮”后,一切正常。
你可以试着把这个部分添加到你的VS Code设置中吗?json文件吗?
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
},