workspace 설정

특정 언어에 대해서만 prettier가 동작하게끔 하기

command + P를 누른 후 '>'를 입력하여 open settings(JSON)으로 들어간다.

• format on save

• 특정 언어에 대해서만 default formatter를 설정

만약 files.associations에 타입을 추가하지 않았다면
해당 파일은 포매팅이 되지 않음 주의

.prettierrc.js

module.exports = {
  printWidth: 80, // 한 줄 최대 문자 수
  tabWidth: 2, // 들여쓰기 시, 탭 너비
  useTabs: false, // 스페이스 대신 탭 사용
  semi: true, // 문장 끝 세미콜론 사용
  singleQuote: true, // 작은 따옴표 사용
  trailingComma: 'all', // 꼬리 콤마 사용
  bracketSpacing: true, // 중괄호 내에 공백 사용
  arrowParens: 'avoid', // 화살표 함수 단일 인자 시, 괄호 생략
  proseWrap: 'never', // 마크다운 포매팅 제외
  endOfLine: 'auto', // 개행문자 유지 (혼합일 경우, 첫 줄 개행문자로 통일)
};

eslint는
npx eslint --init
환경은 react일 시 browse로 선택

그리고 command+, 를 눌러 require config 체크하면
설정파일이 있는 워크스페이스에서만 prettier와 eslint가 동작함

command not found: code 해결하기

export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"

zshrc혹은 bashrc파일에 위 코드 추가 후 source