VSCode Workspace 설정하기


backend 와 frontend 의 멀티레포를 구성하여 개발을 많이 하고 계실 것입니다.
frontend 폴더와 backend 폴더를 함께 열고 작업을 하는 경우가 많은데요.

frontend 와 backend 를 동시에 열고 작업하실 때에는 다음과 같이 파일을 만들고, vscode 에서 열면 아주 쉽게 해결됩니다.

// 파일명: [프로젝트명].code-workspace
{
    "folders": [
        {
            "path": "frontend"
        },
        {
            "path": "backend"
        }
    ]
}

저는 backend, frontend 를 한 개의 git 프로젝트에서 운영하고 있어요

그 경우 workspace 를 실행시켰을 때, git 의 변경사항이 VSCode 에서 반영되지 않을 수 있습니다. 그럴 땐 root 폴더도 추가하면 됩니다.

// 파일명: [프로젝트명].code-workspace
{
    "folders": [
        {
            "path": ".",
            "name": "root"
        },
        {
            "path": "frontend"
        },
        {
            "path": "backend"
        }
    ]
}

이렇게 하면 backend, frontend 의 변경이 모두 나타나게 됩니다.

Workspace 는 어떻게 불러오나요?

File – Open Workspace from File 를 클릭하고, 방금 만든 파일을 선택하면 됩니다.


답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다