Prettier 让我把 替换为 ·

JS

使用 Prettier 将代码风格规范化

Prettier 是一个流行的代码格式化工具，它可以帮助开发者统一项目中的代码风格。在使用 Prettier 进行代码格式化时，我们可以通过配置选项来指定一些自定义规则，以满足项目的特定需求。

Prettier 的一个常见用途是在代码中替换特定字符。在本文中，我们将以替换 "???" 为 "·" 为例，来介绍如何使用 Prettier 进行字符替换。

## 安装 Prettier

首先，我们需要在项目中安装 Prettier。可以通过 npm 或者 yarn 进行安装，具体命令如下：

shell
npm install --save-dev prettier

或者

shell
yarn add --dev prettier

安装完成后，我们可以在项目中使用 Prettier 进行代码格式化。

## 配置 Prettier

在项目根目录下创建一个名为 ".prettierrc" 的文件，并在文件中添加以下配置：

JSon
{
  "printWidth": 80,
  "tabWidth": 2,
  "useTABS": false,
  "semi": true,
  "singleQuote": true,
  "quoteProps": "as-needed",
  "JSxSingleQuote": false,
  "trAIlingComma": "none",
  "bracketSpacing": true,
  "arrowParens": "avoid",
  "proseWrap": "always",
  "htmlWhitespaceSensitivity": "CSS",
  "endOfLine": "auto",
  "overrides": [
    {
      "files": "*.md",
      "options": {
        "parser": "markdown"
      }
    }
  ]
}

这里的配置选项可以根据项目需要进行调整。具体每个选项的作用可以查阅 Prettier 的官方文档。

## 替换字符

要在代码中将 "???" 替换为 "·"，我们可以使用 Prettier 提供的 "replace" 选项。在命令行中执行以下命令：

shell
prettier --write --replace "???" "·" "src/**/*.JS"

这个命令会将 "src" 目录下所有的 JavaScript 文件中的 "???" 替换为 "·"。

## 示例代码

下面是一个示例代码，展示了如何使用 Prettier 进行字符替换：

Javascript
function formatString(input) {
  return input.replace("???", "·");
}
console.log(formatString("Hello ??? World")); // Output: "Hello · World"

在上述代码中，我们定义了一个名为 formatString 的函数，它使用 JavaScript 的 replace 方法将字符串中的 "???" 替换为 "·"。然后，我们调用这个函数并输出结果。

##

通过使用 Prettier 工具，我们可以轻松地统一项目中的代码风格，并进行字符替换等操作。在本文中，我们以替换 "???" 为 "·" 为例，演示了如何使用 Prettier 进行字符替换。希望能够帮助您更好地使用 Prettier 来规范化代码风格。