VS Code에서 터미널 명령을 손쉽게 실행하는 방법: tasks.json 활용 가이드

 

VS Code는 개발자들에게 강력한 편의성을 제공하는 코드 편집기입니다. 특히, tasks.json 파일을 이용하면 터미널에서 자주 사용하는 명령어들을 VS Code 내에서 직접 실행하고 관리할 수 있습니다. 이 글에서는 tasks.json을 활용하여 터미널 명령을 효율적으로 관리하는 방법에 대해 자세히 알아보고, 실제 사용 예시를 통해 더욱 명확하게 설명하겠습니다.

왜 tasks.json을 사용해야 할까요?

• 편리성: 터미널 창을 따로 열 필요 없이 VS Code 내에서 바로 명령을 실행할 수 있습니다.
• 생산성 향상: 자주 사용하는 명령어에 대한 단축키를 설정하여 작업 속도를 높일 수 있습니다.
• 명령 관리: 여러 개의 명령을 tasks.json 파일 하나에 모아 관리할 수 있어 효율적입니다.
• 커스터마이징: 다양한 옵션을 통해 명령 실행 시 보여지는 정보나 실행 환경을 조절할 수 있습니다.

728x90

tasks.json 파일 생성 및 설정

1. tasks.json 파일 생성:
   • Ctrl+Shift+P (macOS: Cmd+Shift+P)를 눌러 명령 팔레트를 열고, Tasks: Configure Task를 입력한 후 선택합니다.
   • Create tasks.json from template을 선택하고 Others를 선택하여 새로운 tasks.json 파일을 생성합니다.
2. tasks.json 파일 편집:
   • 생성된 tasks.json 파일을 열어 아래와 같은 형식으로 명령을 추가합니다.

   {
       "version": "2.0.0",
       "tasks": [
           {
               "label": "npm run dev", // 명령어 이름
               "type": "shell", // 쉘 명령어 실행
               "command": "npm", // 실행할 명령어
               "args": [
                   "run",
                   "dev"
               ],
               "problemMatcher": [],
               "group": {
                   "kind": "build",
                   "isDefault": true
               },
               "presentation": {
                   "reveal": "always",
                   "focus": true
               }
           }
       ]
   }
   

   • 각 속성의 의미는 다음과 같습니다.
     • label: 명령어의 표시 이름
     • type: 명령어의 종류 (shell, process 등)
     • command: 실행할 명령어
     • args: 명령어에 전달할 인수
     • problemMatcher: 에러 출력 설정
     • group: 명령어 그룹 설정
     • presentation: 출력 설정
3. tasks.json 파일 저장:
   • 편집한 tasks.json 파일을 저장합니다.

터미널에서 명령 실행하기

• Ctrl+Shift+P를 눌러 명령 팔레트를 열고, Tasks: Run Task를 입력한 후 선택합니다.
• npm run dev를 선택하여 해당 명령을 실행합니다.

단축키를 이용한 명령 실행

• Ctrl+Shift+P를 눌러 Preferences: Open Keyboard Shortcuts (JSON)을 선택하여 keybindings.json 파일을 엽니다.
• 아래와 같이 단축키 설정을 추가합니다.

  {
      "key": "ctrl+alt+d",
      "command": "workbench.action.tasks.runTask",
      "args": "npm run dev"
  }
  

예시: 다양한 명령 설정하기

• TypeScript 컴파일:

  {
      "label": "tsc",
      "type": "shell",
      "command": "tsc",
      "args": ["-p", "."],
      "options": {
          "cwd": "${workspaceFolder}"
      }
  }
  

• Linter 실행:

  {
      "label": "eslint",
      "type": "shell",
      "command": "eslint",
      "args": ["."],
      "options": {
          "cwd": "${workspaceFolder}"
      }
  }
  

추가 팁

• 변수 사용: ${workspaceFolder}와 같은 변수를 사용하여 프로젝트 경로 등을 동적으로 설정할 수 있습니다.
• 문제 매처: problemMatcher를 사용하여 에러 출력을 커스터마이징할 수 있습니다.
• 다중 태스크: 여러 개의 태스크를 정의하여 복잡한 작업을 자동화할 수 있습니다.

728x90

tasks.json 파일을 활용하면 VS Code에서 터미널 명령을 더욱 효율적으로 관리하고 개발 생산성을 높일 수 있습니다. 다양한 예시와 팁을 참고하여 자신에게 맞는 설정을 만들어 보세요.