vscode设置Prettier为默认格式化插件

10月前作者：学编程的北极熊分类：Toy博客阅读(57) 违法举报

这篇具有很好参考价值的文章主要介绍了vscode设置Prettier为默认格式化插件。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1. 目的：ctrl+s保存，自动格式化文档

2. 所需插件Prettier

vscode设置Prettier为默认格式化插件

3. 操作步骤

先打开vscode软件，左下角点击设置 —> 打开设置 ----> 在右上方有一个搜索框。
先设定自动保存文件，搜索框贴入files.autoSave筛出设置项，并把设置项属性选择为onFocuschange。
设定编辑器默认代码格式化（美化）的插件为Prettier，同理在搜索设置框贴入editor.defaultFormatter，将配置项选择为Prettier。
设定Prettier插件保存时自动格式化代码，搜索设置项贴入editor.formatOnSave，将搜索到的项目打钩即可

4. 可能出现的问题

在设置editor.defaultFormatter的时候有可能出现如下错误：
vscode设置Prettier为默认格式化插件

5. 解决方法

遇到这样报错时首先打开问题，会提示你settings.json文件有问题，点击打开设置配置settings.json文件。文章来源地址https://www.toymoban.com/news/detail-459611.html

可能性1：如果你卸载了一些插件，那么settings.json里面会显示卸载插件的配置为灰色，删除灰色行，确保你文件json格式正确。这个时候再去选择一些功能的默认配置就不会提示无法写入用户配置了。
可能性2：检查一下settings.json文件是否有红色波浪线，判断红色波浪线前后是不是少了逗号，括号啥的等等

到了这里，关于vscode设置Prettier为默认格式化插件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vscode保存时自动格式化设置

最后更新日期：2022-10-29 操作系统：Windows 11 专业版 vscode版本：1.72.2 打开vscode设置面板，在设置中搜索 format ，选择 Editor: Format On Save ，此后每当 ctrl + s 保存时，则自动格式化。以上。

2024年02月09日
浏览(55)
vscode 2023格式化vue文件设置

2024年02月10日
浏览(56)
VsCode设置保存自动格式化（一步就够）

在 VsCode 中我们可以通过设置来实现保存文件时自动格式化代码，具体步骤如下： 1.点击设置，输入格式化，如下图 2.将 Editor:Format On Save 选项勾选上即可 3.关闭设置页面，此时保存文件同时代码会自动格式化希望本文能够对您有所帮助！如果您有任何问题或建议，请

2024年01月17日
浏览(50)
VSCode设置eslint自动缩进和自动格式化代码

（1）点击左下角齿轮图标并选择设置：（2）在文本编辑器中找到 settings.json settings.json的初始内容：

2023年04月08日
浏览(92)
VScode自动格式化代码（tab缩进、符号空格）配置beautify插件使用

安装插件在插件库搜索beautify，会弹出很多插件你需要根据你自己的语言选择对应的插件安装，尽量选择在维护中的插件我是做前端的，所以选择的是beautify blade，格式化语言：javascript, JSON, CSS, Sass, and HTML ![在这里插入图片描述](https://img-blog.csdnimg.cn/cc42b7d4f0b549a78d16c69e7d33

2024年02月12日
浏览(55)
微信小程序 prettier 格式化

然后再打开setting.json 新增代码保存关闭setting.json 内容如下然后保存看看，有没有效果，如果没有就重启一下

2024年02月04日
浏览(41)
eslint和prettier格式化冲突

下载插件 ESLint 和 Prettier ESLint 进入setting.json中 setting.json中配置打开 .eslintrc.js 文件，在 rules 里面加上 \\\"space-before-function-paren\\\": 0

2024年02月10日
浏览(50)
vscode设置vetur格式化代码(双引号变单引号去除分号等)前端小白教程

安装prettier 第一步设置 vetur 点击设置搜索vetur 找到formatter js 选择prettier ⚠️这一步很重要如果不是prettier 下面你设置也会没效果找到设置settings.json的地方找到根据需要设置再点击使用..格式化文档选择这个时候我们就可以格式化的时候直接将双引号变成单

2024年02月12日
浏览(46)
IDEA必备插件、阿里巴巴规范插件（代码格式化，注释模板化）的安装及使用和快捷键设置

英文直接翻译就是插件的作用，大部分不用额外配置，Adapter for Eclipse Code Formatter是阿里格式插件，下面配置它。格式插件模板下载地址：或者到文末有 eclipse-codestyle.xml复制保存即可 https://github.com/alibaba/p3c/tree/master/p3c-formatter https://github.com/alibaba/p3c/tree/master/p3c-formatter 稍后配

2024年01月22日
浏览(70)
[效率提升]webstorm配置Prettier：代码自动格式，格式化时清除空行，修改使用代码模板

全局安装prettier 配置： 2.1 配置安装路径 2.2 针对以下文件运行：默认是没有包含Vue的，我们手动加上即可：每次保存的时候，就会自动格式化了。

2024年02月06日
浏览(58)