vscode의 setting.json에 대해서 (+ 인텔리센스,포매터,린트에 대해서)

vscode의 setting.json과 설정방법에 대해서

vscode화면

  1. 작업 영역 설정(Workspace):

    • 현재 작업 중인 프로젝트에만 적용되는 설정입니다.

    • 프로젝트별로 다른 설정을 적용할 수 있으며, 이 설정은 해당 프로젝트의 settings.json 파일에 저장됩니다.

    • 위의 이미지에서 빨간사각형의 아래 부분이며 주로 이 부분을 사용한다

  2. 사용자 설정(User):

    • 전체 VSCode 사용자 환경에 적용되는 설정입니다.

    • 이 설정은 모든 프로젝트에 일관적으로 적용되며, 사용자의 VSCode 설정 파일에 저장됩니다.

    • 위의 이미지에서 빨간사각형의 위의 부분이며 이 부분은 공통설정이므로 자주 사용되지 않는다

Cmd + Shift + P (Mac) 또는 Ctrl + Shift + P (Windows/Linux)를 눌러서 Command Palette를 열고 'Settings'를 검색하면 설정 화면을 열 수 있습니다.

현재는 VSCode에서 GUI 기반의 설정 화면을 제공하며, 여기서 변경한 내용은 자동으로 settings.json 파일에 반영됩니다.


사용 예제

vscode에서 python의 자동 포맷팅 기능을 추가하는 경우 아래와 같은 setting.json의 설정이 된다

{
    "editor.formatOnSave": true, // 자동저장 on
    "editor.defaultFormatter": "ms-python.black-formatter" // 자동 포맷팅기능으로 black이라는 포매터를 사용한다
}


확장 프로그램의 상세 정보 설정 및 프로젝트 확장프로그램 추천방법

각 확장프로그램(익스텐션)의 설정은 setting.json의 GUI를 통해서 확인하는 방법과 아래의 이미지에서 "확장설정" 을 클릭해서 변경해주는 방법이 있다

또한 아래의 이미지에서 "작업영역에 추가 권장사항" 이라는 메뉴가 있는데 이를 사용할 경우 extenstions.json에 해당 extension을 추가해서

해당 프로젝트를 실행시 해당 익스텐션의 설치하도록 추천하게 할수있다


확장설정

extensions.json예제

pylance라는 인텔리전스와 black이라는 포매터를 추천하고있다

{
    "recommendations": ["ms-python.vscode-pylance", "ms-python.black-formatter"]
}


vscode에서 Eslint동작 확인법

아래의 화면에서 에러가 없어야한다

확인


인텔리센스,포매터,린트에 대해서

  • 인텔리센스는 자동 완성 및 코드 정보 제공으로 코딩을 더 빠르고 정확하게 할 수 있도록 돕습니다. (자동 완성)

  • 포매터는 코드의 형식을 일관되고 깔끔하게 정리하여 가독성을 높여줍니다. ( 코드 정리 )

  • 린트는 코드의 오류나 스타일 문제를 분석하고 지적하여 코드의 품질을 향상시킵니다. (코드 문제점 지적)


Dec 24, 2023 Views 1499