VScode 설정

1.  "trigger suggest"  자동완성 설정

•   상단 메뉴바, [Code] - [기본설정] - [바로 가기 키]
•  "trigger suggest" 검색 

2. ESLint, Prettier 적용

• VS마켓플레이스에서 설치
• ESLint : 문법검사도구
• Prettier : 코드스타일 자동 정리
• Prettier 설정

{   
    "singleQuote": true,
    "semi": true,
    "useTabs": false,
    "tabWidth": 2,
    "trailingComma": "all",
    "printWidth": 80
}

• 문서 정렬 필요시,  [fn] + f1 -> format 입력 후, 엔터 
  
  
• 서버 사이드 적용 시,

yarn add --dev eslint
yarn run eslint --init

//INSTALL 후 

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaVersion": 12
    },
    "plugins": [
        "@typescript-eslint"
    ],
    "rules": {
    }
}

• .prettierrc 파일 생성 및 설정 후
  • yarn add eslint-config-prettier

 

3. 저장 시 자동으로 코드 정리

• 상단 메뉴바, [Code] - [기본설정] - [설정] -> "format on save" 체크