JS Complete (2) : VSCode 세팅

yoneeki·2023년 1월 1일
0

JS_Complete

목록 보기
2/13

VScode SETUP

Prettier 설정

기본 설정

  • default formatter -> prettier
  • format on save -> checked

세부 설정

  • Prettier -> Docs -> Options -> Quotes
  • 예를 들자면 더블 퀏을 싱글 퀏으로 바꾸고 싶음. 혹은 arrow에 관련해서 디폴트 설정이 마음에 안 들어서 작동 안 하게 하고 싶음.
  • .prettierrc 라는 파일을 폴더 안에 만들어서 세부 설정을 해줌

console.log 단축키

  • Preferences -> User Snippets -> New Global Snippets File -> 파일 이름 아무거나 ex.yoneeki
  • 해당 부분을 Ctrl+Slash로 주석 해제하고 수정

TODO Highlight 설정

  • 익스텐션 설치 / settings.json 파일 접근 / 세부설정
"todohighlight.isCaseSensitive": true,
  "todohighlight.keywords": [
    {
      "text": "VIDEO",
      "color": "#333",
      "backgroundColor": "#3498db"
    },
    {
      "text": "FIXME",
      "color": "#333",
      "backgroundColor": "#e67e22"
    },
    {
      "text": "LEC",
      "color": "#333",
      "backgroundColor": "#f1c40f"
    },
    {
      "text": "BUG",
      "color": "#333",
      "backgroundColor": "#e74c3c"
    },
    {
      "text": "TODO",
      "color": "#333",
      "backgroundColor": "#2ecc71"
    }
  ]

Auto Tag

Live Server / Live Preview

  • Live Server / Live Preview 설치
  • 라이브 서버의 디폴트 서버를 크롬으로 설정하고 싶으면 Settings -> Live Server Config -> Custom Browser
profile
Working Abroad ...

0개의 댓글