vscode格式化代码快捷键设置vscode代码保存代码时自动格式化

步骤一 在vscode的extension中搜索 “prettier” , 选择 “prettier - Code formatter” 安装,安装成功后重启 vscode.步骤二 重启vscode后,需要对插件进行一些参数配置,如果你想让你的配置对当前用户下所有项目生效,则 可以通过:command+, > User > open settings(JSON)如果你想让你的配置只在当前...
vscode格式化代码快捷键设置vscode代码保存代码时自动格式化
介绍相信现在有很多开发人员都已经开始使用vscode作为自己的IDE,作为一个有代码洁癖的人,我总是希望自己写的代码随时都是已经format的,并且团队中也遵循一种format风格,下面就给大家介绍一下如何在vscode中实现 “保存时格式化” 以及 “粘贴时格式化的功能”
步骤一
在vscode的extension中搜索 “prettier” , 选择 “prettier - Code formatter” 安装,安装成功后重启 vscode.
步骤二
重启vscode后,需要对插件进行一些参数配置,如果你想让你的配置对当前用户下所有项目生效,则 可以通过:
command+, > User > open settings(JSON)如果你想让你的配置只在当前workspace下生效,则:
command+, > Workspace > open settings(JSON)步骤三接下了介绍几个重要的参数:
"editor.formatOnPaste":true , 粘贴数据时启用格式化
"editor.formatOnSave": true , 保存文件时启用格式化
"editor.defaultFormatter": "esbenp.prettier-vscode" , 使用 我们上面安装的prettier code formatter 插件作为编辑器默认的格式化工具。
配置结果如下:
{ "editor.formatOnPaste": true, "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode"}下面来看看效果从上图可以看到,我在粘贴和保存时,编辑器已经成功为我自动格式化了代码!2024-11-21
mengvlog 阅读 10 次 更新于 2025-07-21 12:20:29 我来答关注问题0
  •  翡希信息咨询 vscode格式化代码快捷键设置(vscode代码保存代码时自动格式化)

    在VSCode中设置保存代码时自动格式化的快捷键及配置如下:安装Prettier插件:在VSCode的扩展市场中搜索“prettier”,选择“prettier Code formatter”进行安装。安装成功后,重启VSCode。配置Prettier插件:全局配置:若想让配置对当前用户下所有项目生效,通过command+, > User > Open Settings 打开用户设置JSON...

  • command+, > User > open settings(JSON)如果你想让你的配置只在当前workspace下生效,则:command+, > Workspace > open settings(JSON)步骤三接下了介绍几个重要的参数:"editor.formatOnPaste":true , 粘贴数据时启用格式化 "editor.formatOnSave": true , 保存文件时启用格式化 "editor.defaultForma...

  • VSCode格式化代码快捷键根据操作系统不同有所区别:Windows用户:按下“Shift+Alt+F”即可格式化代码。Mac用户:使用“Shift+Option+F”来完成代码格式化。Ubuntu用户:通过“Ctrl+Shift+I”快捷键实现代码格式化。注意事项: 如果在使用特定语言进行格式化设置后发现不起作用,可能是因为VSCode的默认格式化规则...

  •  阿暄生活 vscode格式化json文件快捷键 vscode格式化json

    快捷键:Windows/Linux:Shift + Alt + FMac:Shift + Option + F使用上述快捷键,可以快速格式化当前打开的JSON文件,使其结构更加清晰、易读。相关设置:自动格式化:若希望在保存文件时自动格式化JSON,可以配置VSCode的自动格式化选项。打开VSCode设置(Ctrl + , 或 Cmd + ,),搜索format on save,...

  • 配置完成后,通过ctrl+s或ctrl+shift+f快捷键进行代码格式化。同时,可在vue.config.js中加入代码以避免运行项目时因错误导致项目无法启动。推荐安装prettier插件,专注于代码格式化,不进行代码质量检查。在设置界面安装Prettier-Code formatter插件,进行基本配置。配置settings.json文件时,确保eslint和prettier...

檬味博客在线解答立即免费咨询

代码相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部