fruge365 2022-09-02 14:38 采纳率: 33.3%
浏览 5
已结题

prettier在setting中到底该怎么配置，看代码才能更舒心

问题遇到的现象和发生背景

vscode为什么用prettier格式化vue文件之后变得这么恶心了，代码结束标签都不在一行，根本分辨不清楚

问题相关代码，请勿粘贴截图

img

我想要达到的结果

prettier在setting中到底该怎么配置，看代码才能更舒心

  • 写回答

0条回答 默认 最新

    报告相同问题？

    • Prettier代码格式化工具[源码]
      2025-11-25 13:32
      社区提供的插件和扩展使得Prettier能够覆盖更多的开发场景，并且使其在开发者的工具链中扮演越来越重要的角色。 Prettier是一个功能全面、易于集成且高度可配置的代码格式化工具，通过维护代码的一致性，帮助开发者...
    • Prettier配置与使用指南[代码]
      2025-11-21 09:44
      这些配置通常会写入.prettierrc文件中，Prettier会在格式化代码时读取这些设置。 在集成到构建工具和编辑器时，Prettier也表现得非常灵活。它可以作为npm脚本或Yarn脚本的一部分运行，在构建过程中自动格式化代码。...
    • ESLint + Prettier + TypeScript 配置指南[项目代码]
      2025-11-12 15:24
      在TypeScript项目中配置ESLint和Prettier是一项重要工作，它能保证代码质量和格式一致性。ESLint作为一款强大的代码检查工具，可以帮助开发者捕捉错误和不符合规范的代码模式，而Prettier则是一款专注于代码格式化的...
    • vscode 使用Prettier插件格式化配置使用代码详解
      2020-10-14 23:00
      VSCode（Visual Studio Code）是一个由微软开发的免费代码编辑器，它支持插件扩展，使得编辑器的功能...随着开发实践的深入，通过不断调整与优化Prettier配置，团队和个人都将从这套格式化工具中获得更好的编码体验。
    • vscode中eslint插件的配置（prettier配置无效）
      2020-10-16 10:48
      具体表现为：尽管在VS Code的配置文件setting.json中设置了prettier的格式化规范，但代码格式化时并未按照prettier的规则执行。这通常是因为VS Code在处理.vue文件时，默认使用Vetur插件的格式化功能，而Vetur插件...
    • Prettier+Vscode设置指南[项目代码]
      2025-11-15 08:07
      在前端开发中，尤其是使用VSCode作为开发编辑器时，Prettier可以与VSCode的setting完美结合，提升工作效率和代码质量。 首先，安装Prettier通常涉及使用npm或yarn进行全局安装或者安装在特定项目中。安装后，需要在...
    • Prettier+Vscode setting提高前端开发效率
      2024-08-19 07:38
      Qiuner的博客 本文介绍和ESLient配合使用的Prettier实现编译器自动将代码格式化。 同时也介绍VsCode的 setting设置，与分享我开发时常用的配置。新手老鸟都能看 背景颜色是野菊紫
    • Prettier批量格式化代码[源码]
      2025-11-24 07:50
      在使用Prettier时，用户应确保了解该工具的默认行为以及如何自定义配置，以避免意外地破坏代码的原有逻辑。尽管Prettier提供了一定程度的灵活性，但在统一的团队代码风格方面，它的影响力是不可小觑的。 Prettier的...
    • 忽略Prettier格式化配置[可运行源码]
      2025-11-20 06:50
      其次，对于更复杂的需求，比如需要在多个文件中忽略Prettier格式化，或者在特定类型文件中忽略，Prettier也提供了相应的配置文件`.prettierrc`，允许开发者在配置文件中指定忽略格式化的规则。通过编辑这个JSON格式...
    • 可以在Chrome中使用Prettier格式化的扩展程序
      2019-08-09 12:54
      标题中的“可以在Chrome中使用Prettier格式化的扩展程序”指的是在谷歌浏览器（Chrome）上安装和使用名为Prettier的代码格式化工具的插件。Prettier是一款流行的开源代码美化器，它能自动格式化JavaScript、HTML、...
    • VSCode集成ESLint和Prettier实现TypeScript代码自动格式化与语法检查_前端开发工具配置_代码质量保障_自动化工作流_TypeScript项目规范_编辑器插.zip
      2025-08-12 12:17
      在具体的集成过程中，开发者通常需要安装ESLint和Prettier的VSCode插件，并在项目的根目录下配置相应的.eslintrc.js和.prettierrc.js文件，以定制代码检查和格式化规则。此外，VSCode编辑器本身提供了丰富的设置选项...
    • vscode中eslint插件的配置出现故障（prettier无法配置）
      2025-11-11 23:39
      在配置ESLint作为VS Code插件时，可能会遇到与Prettier存在冲突的情况：即尽管用户已将预设器的格式化规则加入到VS Code的设置中，但在实际操作过程中该规则仍无法生效。这种现象通常表现为，在对包含.vue文件的项目...
    • 前端开发_TypeScript_代码格式化_Prettier_1744173196.zip
      2025-04-09 14:26
      通过这些资源，开发者可以快速掌握如何在项目中实施TypeScript开发和使用Prettier进行代码格式化，从而提升项目的整体质量和开发效率。 前端开发_TypeScript_代码格式化_Prettier.zip这样的压缩包通常用于快速分享...
    • ESLint和Prettier在JavaScript开发中的应用
      2025-05-15 14:53
      DataWizardess的博客 本文主要介绍如何在JavaScript开发环境中设置ESLint和Prettier工具，以强化代码标准和风格一致性。ESLint是一个代码质量检查工具，可以集成到代码编辑器中，帮助开发者发现和修复代码问题。而Prettier则是一个代码...
    • VsCode-setting.json用户配置-prettier格式化配置
      2022-04-27 10:11
      JackieDYH的博客 安装vsCode prettier插件 管理->设置 setting.json 是自己情况使用下列两个其中一个，可修改对应参数 { "workbench.iconTheme": "vscode-icons", "workbench.startupEditor": "newUntitledFile", ...
    • vue3.0中增加prettier插件格式化
      2025-11-19 16:29
      在Vue3.0项目中集成Prettier插件，首要步骤是在开发环境中安装Prettier。这可以通过npm或yarn包管理器来完成。安装完成后，开发人员可以在项目的根目录下创建或修改`.prettierrc`文件来配置Prettier的格式化规则，...
    • Prettier与React框架的结合：自动化代码格式化教程.docx
      2024-08-28 07:45
      Prettier与React框架的结合：自动化代码格式化教程.docx
    • 微信开发者工具如何进行格式化，1分钟带你安装Prettier并了解其配置
      2025-05-12 17:28
      DotNet六边形之王的博客 本文介绍了如何在VSCode中安装和配置Prettier代码格式化工具。首先，通过扩展市场搜索并安装Prettier插件。接着，进入Prettier的设置界面，通过编辑settings.json文件进行详细配置。配置内容包括编辑器字体、字体...
    • 没有解决我的问题, 去提问

    问题事件

    • 系统已结题 9月10日
    • 创建了问题 9月2日