DebianでESLintとPrettierとVS Codeの環境構築

Node.js v16のインストール

cd ~
curl -sL https://deb.nodesource.com/setup_16.x -o nodesource_setup.sh
sudo bash nodesource_setup.sh
sudo apt install nodejs
node -v

YarnとESLintとそのほか使うもののインストール

プロジェクトのディレクトリを作成しcd後、以下を実行

sudo npm install -g yarn
yarn add eslint --dev
yarn add eslint-config-prettier --dev
npm init @eslint/config

必要であれば、yarn add eslint-config-airbnb-base --devも

VSCodeに拡張機能esbenp.prettier-vscodeとdbaeumer.vscode-eslintをインストール

• esbenp.prettier-vscode
• dbaeumer.vscode-eslint

VSCodeのsettings.jsonに以下を追記

私はとりあえずjsonとjsだけにprettierを適用させるようにしています。

"[javascript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnType": true,
  "editor.codeActionsOnSave": [
    "source.organizeImports",
    "source.fixAll.eslint"
  ]
},
"[jsonc]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnType": true,
  "editor.codeActionsOnSave": [
    "source.organizeImports",
    "source.fixAll.eslint"
  ]
}