Nvm Linter Prettier

Nvm

nvm is a version manager for node.js
https://github.com/nvm-sh/nvm

node 버전 지정해서 설치하기

$ nvm install 10.16.3
$ nvm install 10 // 10.x 의 마지막 버전

node 최신버전 설치

$ nvm install node
$ nvm install --lts // lts 최신버전

설치된 node.js 목록 확인하기

$ nvm ls

설치할 수 있는 모든 node 버전 조회

$ nvm ls-remote

특정 버전의 node 사용하기

$ nvm use
$ nvm current // 현재 사용중인 버전 확인하기
$ nvm uninstall // 필요없는 node 버전 삭제하기

설치되어 있는 가장 최신버전의 node를 디폴트로 사용하기

$ nvm alias default node
$ nvm alias default 10.16.3

node.js 설치 경로 확인하기

$ which node

Linter

Formatting rules, Code quality rules
https://eslint.org/

Prettier

An opinionated code formatter
https://prettier.io/

setup

vscode 마켓 플레이스에서 eslint, prettier 플러그인 설치
npm install --save-dev eslint-config-prettier eslint-plugin-prettier

root 폴더에 .eslintrc.js 생성

  module.exports = {
  parserOptions: {
    ecmaVersion: "latest",
  },
  env: {
    browser: true,
    node: true,
  },
  extends: ["eslint:recommended", "plugin:prettier/recommended"],
};

root 폴더에 .prettierrc 생성

{
  "printWidth": 120,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true, 
  "singleQuote": true, 
  "trailingComma": "all", 
  "bracketSpacing": true, 
  "arrowParens": "avoid", 
  "proseWrap": "never", 
  "endOfLine": "auto"
}