VS code 기본설정

• Korean Language Pack for Visual Studio Code (한국어 패치)
  

• Live Server (실시간 서버)
  

• Material Icon Theme (vs code안 아이콘 변경)
  

• One Dark Pro (다크 모드)
  

• indent-rainbow (들여쓰기 확인)
  

• Bracket Pair Color DLW (괄호 쌍 색상구별)
  

• Auto Rename Tag (태그를 이루는 쌍이 다 같이 자동으로 바꿔줌)
  

• Color Picker (vs code안 색상 선택)
  

• htmltagwrap (중복 드레그 기능)
  

• HTML CSS Support(id, class 값 자동완성)
  

• HTML to CSS autocompletion (HTML 요소에 대한 CSS 스타일 자동 완성 기능)
  

• CSS Peek (컨트롤키를 누른 상태로 html요소를 클릭시 정의된 css파일로 이동)
  

• Code Runner
  

• Prettier - Code formatter (일관성 있게 포맷팅을 해주는 도구)
  

• 설정 > Editor: Default Formatter을 검색란에 입력 후 해당 설정을 Prettier로 설정해준다.
• Editor: Format on save mode를 검색 후 체크해준다. (파일을 저장할 때마다 자동으로 prettier 실행하도록)

• px to rem & rpx & vw (cssrem) (px에서 rem으로 전환 기능)
  

• ES7+ React/Redux/React-Native snippets
  

• vscode-styled-components (react-styled-components 자동완성 기능)
  

• Tailwind CSS IntelliSense
  

설정

• tab size: 2
• word wrap: on
• mouse wheel zoom
• emmet variables: lang ko
• auto save delay: 500
• live server > setting: full reload: 체크
• 브라우저 크롬

• 부가기능

"liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "~/../css/"
        }
        
     // {
     //     "format": "compressed",
     //     "extensionName": ".min.css",
     //     "savePath": "~/../css/"
     // },
    ],
"editor.wordSeparators": "`~!@%^&*()=+[{]}\\|;:'\",.<>/?",