在我安装并启用了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
}
我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?
当前回答
我没有使用Vue,但遇到了同样的问题。
我已经设置好了
编辑器:用于更漂亮的默认格式化器 编辑器:格式保存为true 我已经有了。eslintrc.js和。prettierrc文件 但是什么都不管用。
我的问题的解决方案是,我已经正确设置,除了我需要:
Command + Shift + p 输入格式文件 select Configure Default Formatter… 选择pretty作为默认值。
我不知道为什么编辑器:保存的格式设置为true是不够的。 我需要使用上面的步骤选择默认格式化器,这样它就可以工作了。
其他回答
有时与自动插件更新所需的文件,由漂亮的可能会丢失。
如果这里有文件或文件夹为空,请检查此路径
C:\Users\ YOURUSERNAME \ esbenp.prettier-vscode-2.2.2 \ \ .vscode \扩展
如果丢失,卸载并重新安装更漂亮
不要忘记在VSCode的设置中启用“editor.defaultFormatter”。在我的例子中,它是空的,因此甚至是“编辑器”。formatOnSave”似乎也没有解决这个问题。
对我来说,当我在. preterrc文件中去掉parser: json时,它起作用了。
你可以试着把这个部分添加到你的VS Code设置中吗?json文件吗?
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
},
在. pretierrc中检查requirePragma,它说你需要为要格式化的文件添加一个顶级注释
去掉这个规则,它就会起作用