为单个文件禁用更漂亮

Question

我需要在 Vs 代码中为我的项目中的单个文件（API URL 文件）禁用更漂亮。实际上，我需要将每个 API 及其 URL 放在一行中，但更漂亮的将它们分成两行。

前

export const GET_SEARCH_TEACHERS = params => myexampleFunction_app_base(`teachers/search/${params.search}`);

后

export const GET_SEARCH_TEACHERS = params =>
myexampleFunction_app_base(`teachers/search/${params.search}`);

Answer 1

如果您希望 repo 中的某个文件永远不会被 prettier 格式化，您可以将其添加到 .prettierignore 文件中：为一个文件禁用Prettier

从文档：

要从格式中排除文件，请在项目的根目录中创建一个 .prettierignore 文件。.prettierignore 使用gitignore语法。

例子：

# Ignore artifacts: 
build 
coverage

# Ignore all HTML files:
*.html 

Answer 2

感谢evolutionxbox，到目前为止找到了两个解决方案。

1. 延期

我们可以使用扩展程序在需要时在特定页面上切换格式，例如更漂亮。

格式切换 https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle

2. 忽略代码更漂亮

Prettier 提供了一个逃生舱来忽略代码块或阻止整个文件被格式化。

忽略文件

要从格式中排除文件，请向项目中的.prettierignore文件添加条目root或设置--ignore-pathCLI 选项。.prettierignore使用 gitignore 语法。

/app/src/scripts/example.js

JavaScript

的 JavaScript 注释// prettier-ignore将从格式化中排除抽象语法树中的下一个节点。

例如：

    matrix(
      1, 0, 0,
      0, 1, 0,
      0, 0, 1
    )

    // prettier-ignore
    matrix(
      1, 0, 0,
      0, 1, 0,
      0, 0, 1
    )

将转化为：

    matrix(1, 0, 0, 0, 1, 0, 0, 0, 1);

    // prettier-ignore
    matrix(
      1, 0, 0,
      0, 1, 0,
      0, 0, 1
    )

JSX

    <div>
      {/* prettier-ignore */}
      <span     ugly  format=''   />
    </div>

更多：https : //prettier.io/docs/en/ignore.html

Answer 3

另一种选择是使用更漂亮的类似块的切换，以禁用文件中“块”的格式。
例如，// prettier-ignore在函数定义开始之前添加将禁用该函数的更漂亮的格式。
同样，如果将该行放在if语句上方，则仅忽略 if 块。

基本上，一个块由一对匹配的大括号表示{ }。

... (code up here is formatted by prettier)

// prettier-ignore
function noPrettierFormattingInHere(){
  ...
}

... (code down here is formatted by prettier)

Answer 4

在存储库的根目录中创建 .prettierignore 文件，然后添加要忽略的文件夹的名称，添加要忽略的文件的完整路径并保存。

使用 .gitignore 格式更新您的文件，您也可以在 prettier 网站上阅读它https://prettier.io/docs/en/ignore.html#ignoring-files