在我安装并启用了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
}
我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?
当前回答
在我的案例中,我必须做到以下几点:
从命令行安装prettier (npm Install——save-dev——save-exact prettier-plugin-custom) 重载VSCode
voilà,一切都开始运转了。
提示: 为了确保安装良好,我检查了版本:
npx prettier --version
其他回答
检查是否有.vscode/settings。Json文件在您的项目目录(工作空间)。在我的案例中,有人签入了这个文件:
{
"editor.formatOnSave": false
}
解决方案:删除文件(也从源代码控制中删除),并将.vscode/添加到.gitignore(如果您使用git)。
禁用和启用更漂亮的扩展解决了我的问题
对我来说,在VS Code设置中禁用了这个选项(然后使用默认配置更漂亮):
更漂亮:需要配置
如果做什么@Simin Maleki提到的不能解决你的问题,有一个机会,你的默认格式化器没有设置:
File > Preferences > Settings > Search for "default formatter"
确保“Editor: Default Formatter”字段不为空,而是“Prettier - Code Formatter”(esbenp.prettier-vscode),并且勾选以下所有语言。这解决了我的问题。
一步一步的演练
同时确保保存时的格式是启用的:
我尝试了这篇文章中的每一个解决方案,我才意识到我唯一的问题是我的Visual Studio颜色主题。这么简单!
之前:
后: