Vue

style Prettier 套件 - 自動整理程式碼格式

套件husky,lint-staged,eslint

husky

1
npm install husky lint-staged -D
1
npm install -g eslint

在 package.json 檔案中加上套件相關資訊

1
2
3
4
5
"lint-staged": {
  "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
      "prettier --write"
    ]
  }

在 VSCode 安裝 prettier

設定在存檔時執行 prettier，在設定中把 Format on Save 選項打勾：

<img style="margin-top:10px" src="https://blog-lara.vercel.app/images/prettier/form_on_save.png">

<div>參考資料</div>
<a href="https://titangene.github.io/article/javascript-object-keys-values-entries.html" target="_blank">參閱prettier</a>