VSCode Editor 설정

1. 필수 확장 프로그램 

• ESLint
• Prettier - Code formatter

2. 설정

• Ctrl + Shift + P 누른 후 Preferences: Open Settings (JSON) 입력
• 아래 내용 붙여넣기

{
    "editor.formatOnSave":false,
    "eslint.enable":true,
    "eslint.autoFixOnSave":true,
    "eslint.validate":[
        "javascript",
        {
            "language":"vue",
            "autoFix":true
        }
    ]
}

3. 유용한 확장 프로그램

• Auto close Tag : 시작 태그 작성 후 닫기 괄호 시 닫기 태그가 자동으로 생성됩니다.
• Auto Rename Tag : 시작 태그만 변경하면 닫는 태그도 같이 따라서 변경 됩니다.
• Debugger for Chrome : VSCode Editor 내에서 마치 크롬 디버깅 하듯이 javascript를 디버깅 할 수 있습니다.
• jQuery Code Snippets : jQuery 홈페이지에서 제공하는 API Documentation을 즉석에서 활용할 수 있게 해주는 코드 생성기
• Todo+
• Regex Previewer
• highlight matching tag : 태그 시작과 끝 부분을 강조해줍니다
• Bracket Pair Colorizer : 중괄호를 다양한 색상으로 잘 구별해주는 플러그인
• Trailing Spaces : 문장 끝의 공백을 강조
• Add jsdoc comments : 선택한 함수 매개변수에 대한 간단한 jsdoc 주석을 추가