Prettier を使用するための設定方法

プロジェクトのシナリオ:

プロジェクト内の全員のコード スタイルを同じにする方法は?

---

より美しい効果

Prettier はコードのフォーマットに使用されます。これは、ctrl+s が保存され、フォーマットされている場合に有効です

---

Prettierの設定方法

vscode を使用している場合は、プラグイン Prettier を直接ダウンロードしてコードをフォーマットできます

ただし、私たちはすでにこのプロジェクトの所有者であるため、パッケージをダウンロードする必要があります

npm install prettier -D

ルート ディレクトリの下に新しいファイル .prettierrc を作成します。

{
"useTabs":false, //就是格式化使用tab还是空格 false使用空格
"tabWidth":2, //空格大小
"semi": false,//末尾加不加分号
"singleQuote": true,//使用单引号
"printWidth": 80,//代码长度是多少
"trailingComma": "none"//多行输入末尾要不要加逗号
}

ただし、すべてのファイルをフォーマットする必要はありません

ルート ディレクトリの下に新しいファイルを作成します。Prettierignore ファイル、これらのファイルは無視します

/build/*
.local
.output.js
/node_modules/*

**/*.svg
**/*.sh
/public/*

ただし、いくつかのファイルを保存するのを忘れたが、ファイルを 1 つずつフォーマットしたくない場合は、スクリプトを設定できます。

package.json スクリプトに「prettier」:「prettier --write .」と入力します。

コマンドラインに「npm run prettier」と入力して、すべてのファイルをフォーマットします。