---

---

【TypeScript】PrettierによるVSCode上での自動フォーマット設定

投稿日：2020年11月29日

この記事ではTypeScriptでPrettierの設定をし、VSCodeで自動フォーマットする方法について解説しています。

---

はじめに

この記事について

Prettier

---

実践

$ mkdir prettier_ts # プロジェクトを作成
$ cd prettier_ts
$ npm init # 全てデフォルトを選択

$ npm install --save-dev prettier

{
  "semi": true,
  "trailingComma": "none",
  "singleQuote": true,
  "printWidth": 80
}

function sample(username:string){console.log(username)}
const a=10;

$ npx prettier --config ./.prettierrc --write index.ts

function sample(username: string) {
  console.log(username);
}
const a = 10;

[...]

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

[...]

---

---

---