0

0

VSCode 如何配置不同语言的格式化工具 VSCode 多语言格式化工具的配置方法​

看不見的法師

看不見的法師

发布时间:2025-08-11 17:26:02

|

1020人浏览过

|

来源于php中文网

原创

安装特定语言的格式化扩展:打开 vscode 扩展商店,搜索目标语言的格式化工具(如 python 可选 black、javascript 可选 prettier),选择并点击安装,必要时重启 vscode。2. 配置 settings.json 文件:通过 ctrl+shift+p 输入“open settings (json)”进入配置,添加如 "editor.formatonsave": true 实现保存时自动格式化,并通过 "python.formatting.provider": "black" 或 "editor.defaultformatter": "esbenp.prettier-vscode" 指定对应语言的格式化工具。3. 解决格式化工具冲突:在 settings.json 中明确设置 editor.defaultformatter 指定默认工具,使用语言特定配置如 "[javascript]": { "editor.defaultformatter": "esbenp.prettier-vscode" } 区分不同语言的格式化器,禁用不必要的格式化扩展,检查项目中 .prettierrc 或 .eslintrc.js 等配置文件确保一致性,或使用 shift+alt+f 手动触发格式化以验证效果,最终确保格式化行为符合预期。

VSCode 如何配置不同语言的格式化工具 VSCode 多语言格式化工具的配置方法​

VSCode 配置不同语言的格式化工具,核心在于安装对应语言的格式化扩展,并在 VSCode 设置中进行关联。

安装扩展、配置设置、验证效果。

如何为 VSCode 安装特定语言的格式化扩展?

这其实挺简单的,打开 VSCode 的扩展商店(左侧边栏的方块图标),搜索你想要格式化的语言,比如 "Python formatter" 或者 "JavaScript formatter"。 通常会出来几个选择,比如 Python 你可能会看到 autopep8, black, 或者 yapf。 JavaScript 常见的有 Prettier, ESLint。 选择一个你喜欢的,然后点击 "安装" 按钮。

安装完成后,可能需要重启 VSCode 或者重新加载窗口才能生效。

VSCode 的 settings.json 文件应该如何配置才能使用格式化工具?

配置

settings.json
文件是关键。你可以通过两种方式打开它:

  1. 文件 -> 首选项 -> 设置
    ,然后在搜索框输入 "format on save",勾选 "Editor: Format On Save"。 这样每次保存文件的时候,VSCode 就会自动调用格式化工具。

  2. 直接编辑

    settings.json
    文件。按下
    Ctrl+Shift+P
    (或者
    Cmd+Shift+P
    在 macOS 上),输入 "Open Settings (JSON)",然后选择 "首选项: 打开设置(JSON)"。

settings.json
文件中,你需要添加一些配置来告诉 VSCode 使用哪个格式化工具。 比如,对于 Python 使用
black
,可以这样配置:

   {
       "python.formatting.provider": "black",
       "editor.formatOnSave": true
   }

对于 JavaScript 使用 Prettier,可以这样配置:

   {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
       "editor.formatOnSave": true
   }

注意

editor.defaultFormatter
的值是 Prettier 扩展的 ID,你可以在扩展商店中找到。

如果你想对特定类型的文件禁用格式化,可以使用

files.exclude
配置:

   {
       "files.exclude": {
           "**/.git": true,
           "**/.svn": true,
           "**/.hg": true,
           "**/CVS": true,
           "**/.DS_Store": true,
           "**/node_modules": true
       },
       "[javascript]": {
           "editor.formatOnSave": true,
           "editor.defaultFormatter": "esbenp.prettier-vscode"
       },
        "[json]": {
            "editor.formatOnSave": true
        }
   }

如何解决 VSCode 格式化工具冲突的问题?

有时候,你可能会安装多个格式化工具,导致 VSCode 不知道该用哪个。 这时候就需要明确指定默认的格式化工具。

  1. 明确指定默认格式化工具

    BEES企业网站管理系统3.4
    BEES企业网站管理系统3.4

    主要特性: 1、支持多种语言 BEES支持多种语言,后台添加自动生成,可为每种语言分配网站风格。 2、功能强大灵活 BEES除内置的文章、产品等模型外,还可以自定义生成其它模型,满足不同的需求 3、自定义表单系统 BEES可自定义表单系统,后台按需要生成,将生成的标签加到模板中便可使用。 4、模板制作方便 采用MVC设计模式实现了程序与模板完全分离,分别适合美工和程序员使用。 5、用户体验好 前台

    下载

    settings.json
    中,使用
    editor.defaultFormatter
    指定默认的格式化工具。 例如,如果你同时安装了 Prettier 和 ESLint,并且想使用 Prettier 作为默认的格式化工具,可以这样配置:

    {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
    }

    确保

    editor.defaultFormatter
    的值是正确的扩展 ID。

  2. 针对特定语言配置

    你还可以针对特定语言配置格式化工具。 例如,你想对 JavaScript 使用 Prettier,对 Python 使用

    black
    ,可以这样配置:

    {
        "[javascript]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode",
            "editor.formatOnSave": true
        },
        "[python]": {
            "editor.formatOnSave": true,
            "python.formatting.provider": "black"
        }
    }

    这样,VSCode 会根据文件类型选择对应的格式化工具。

  3. 禁用冲突的格式化工具

    如果你确定某个格式化工具不再使用,可以直接禁用它。 在 VSCode 的扩展商店中找到该扩展,然后点击 "禁用" 按钮。

  4. 检查扩展的配置

    有些格式化扩展有自己的配置选项,可能会影响格式化的结果。 例如,Prettier 有

    .prettierrc
    文件,ESLint 有
    .eslintrc.js
    文件。 确保这些配置文件中的选项与你的期望一致。

  5. 手动格式化

    如果自动格式化有问题,可以尝试手动格式化。 在 VSCode 中,按下

    Shift+Alt+F
    (或者
    Shift+Option+F
    在 macOS 上),VSCode 会尝试使用配置的格式化工具格式化当前文件。

总的来说,解决格式化工具冲突的关键在于明确指定默认的格式化工具,并确保各个扩展的配置正确。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

420

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

536

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

312

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

77

2025.09.10

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

824

2023.07.31

python中的format是什么意思
python中的format是什么意思

python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

436

2024.06.27

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

515

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

244

2023.07.28

C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.6万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号