vscode设置Prettier为默认格式化插件，既报错就可格式化

最新推荐文章于 2024-05-12 10:58:58 发布
最新推荐文章于 2024-05-12 10:58:58 发布
阅读量1.1k 收藏 11
点赞数 10
文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42168116/article/details/135661511
版权

首先vscode 先下载 Prettier - Code formatter 插件

在这里插入图片描述
操作步骤

1、打开设置在这里插入图片描述
2、搜索 files.autoSave筛出设置项，并把设置项属性选择为onFocuschange。此操作是让文件自动保存
在这里插入图片描述
3、editor.defaultFormatter 再次搜索，将配置项选择为Prettier。
在这里插入图片描述
4、设定Prettier插件保存时自动格式化代码，搜索设置项贴入editor.formatOnSave，打勾即可

在这里插入图片描述

努力的意义是啥？
关注
  • 10
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode 使用Prettier插件格式化配置使用代码详解
10-14
主要介绍了vscode 使用Prettier插件格式化配置使用，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
prettier自动格式化去换行的实现代码
10-14
主要介绍了prettier自动格式化去换行的实现代码，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vscode设置Prettier为默认格式化插件
baidu_20313315的博客
04-07 6154
Prettier设置为默认格式化插件
VS code默认格式化程序设置、默认格式化插件选择（图文详解）
HeXinT的博客
11-15 1万+
1、选择需要设置格式化插件的文件。5、 选择你需要的格式化插件即可。2、 鼠标右键进行点击。
vscode中选择格式化程序、设置默认格式程序
最新发布
听海边涛声
05-12 376
vscode中选择格式化程序、设置默认格式程序
vscode自动格式化开启---默认prettier插件
John__95的博客
08-08 422
我电脑的vscode格式化经常性格式化失效，这是完成的最简单的配置，更详细的再查吧。
VScode 格式化setting配置
王林的博客
06-02 2182
VScode 设置格式化vue文件代码不换行，为了开发看起舒服！☺。
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
主要介绍了vscode 配置vue+vetur+eslint+prettier自动格式化功能，本文通过实例代码图文的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
详解如何在vue项目中使用eslint+prettier格式化代码
10-17
在开发中我们需要一种能够统一团队代码风格的工具，作为强制性的规范，统一整个项目的代码风格，这篇文章主要介绍了详解如何在vue项目中使用eslint+prettier格式化代码，需要的朋友可以参考下
VSCode 自动格式化
xiaowude_boke的博客
10-24 2305
vscode格式化
vscode格式化代码，
weixin_45849330的博客
08-10 283
【代码】vscode格式化代码，
vscode配置（配置代码格式化)
Tsailing666的博客
11-20 2583
eslint`+`vetur`+`Prettier
vscode 保存自动格式化
weixin_43045869的博客
04-06 1093
settings.json : { "settings": { "liveServer.settings.AdvanceCustomBrowserCmdLine": "", "liveServer.settings.CustomBrowser": "chrome", "editor.fontsize": 14, "editor.formatOnSave": true }, "editor.tabSize": 2,
VsCode系统配置
臧小川的博客
11-03 220
{ "javascript.format.placeOpenBraceOnNewLineForFunctions": true, // 定义函数的左大括号是否放置在新的一行。 "javascript.format.placeOpenBraceOnNewLineForControlBlocks": true, // 定义控制块的左括号是否放置在新的一行。 "editor.tabSize": 4, // 首行缩进2 "vetur.format.options.tabSize":
vscode 格式化文件配置说明
lacie的博客
07-18 2004
vscode settings.json
VS Code 设置解析及保存代码格式化问题
lwx931449660的博客
09-09 1万+
问题的由来是这样的，git 上拉去的代码，用vscode打开，随便打开一个vue文件，习惯性的 Ctrl + S 保存了，然后 git 显示文件有更改，查看工作树，显示是这样的 这个问题困扰了好久，网上各种查找，各种修改配置，都不起作用，不过最终还是解决了，先上解决办法， ............
代码格式化工具Prettier
凉秋秋秋
11-22 950
{ /* prettier的配置 */ "prettier.printWidth": 100, // 超过最大值换行 "prettier.tabWidth": 4, // 缩进字节数 "prettier.useTabs": false, // 缩进不使用tab，使用空格 "prettier.semi": true, // 句尾添加分号 "prettier.singleQuote": true, // 使用单引号代替双引号 "prettier.pros
vscode自动格式化插件配置说明（Prettier - Code formatter）
热门推荐
A Lucky Boy的博客
07-03 3万+
1、在应用商店搜索Prettier并下载2、下载完成之后点击扩展设置 3、点击右上角json配置文件 4、在文件中添加如下代码
vscode格式化php中的html,vscode里prettier格式化配置
05-26
要在VSCode中格式化PHP中的HTML代码，可以使用Prettier插件。以下是配置Prettier格式化PHP中的HTML代码的步骤： 1. 安装Prettier插件。 2. 在VSCode中打开一个PHP文件，然后按下Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac）打开命令面板。 3. 在命令面板中搜索“Preferences: Open Workspace Settings”并选择它。 4. 在打开的设置面板中搜索“Prettier”并选择“Edit in settings.json”。 5. 在settings.json文件中添加以下代码： ``` "prettier.phpParser": "php", "prettier.printWidth": 120, "prettier.useTabs": false, "prettier.tabWidth": 4, "prettier.singleQuote": true, "prettier.trailingComma": "none", "prettier.bracketSpacing": true, "prettier.jsxBracketSameLine": false ``` 6. 保存设置文件并关闭。 7. 在PHP文件中右键单击并选择“Format Document”或按下Shift+Alt+F（Windows）或Shift+Option+F（Mac）进行格式化。 注意：如果您使用其他格式化程序或插件，则可能需要根据其要求进行配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值