VSCode에서 시작할 때 자동으로 스크립트 시작

VSCode에는 다양한 작업을 수행하는 기능create tasks이 있습니다. 한 가지 옵션은 VSCode에서 프로젝트를 열 때 패키지 스크립트 중 하나를 실행하는 것입니다.

나 자신을 위해 Eleventy으로 많은 사이트를 생성하므로 내 npm start 명령은 Eleventy를 --serve 모드로 실행합니다. 즉, Browsersync로 로컬 서버를 생성하는 것을 포함합니다. 내 Eleventy 프로젝트를 여는 것은 내가 편집하고 해당 서버를 실행하고 싶다는 것을 의미할 가능성이 높습니다. 그럼 자동으로 실행하는 방법을 알아봅시다!

작업 만들기

시작 작업을 추가하려면 디렉터리.vscode가 아직 없는 경우 프로젝트의 루트에 추가합니다.

그런 다음 파일tasks.json을 생성합니다. VSCode에서 감지를 활성화하는 데 필요한 이름입니다.

해당 파일의 내용으로 다음을 추가합니다.

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "start",
      "label": "Launch Site",
      "group": "none",
      "presentation": {
        "reveal": "always",
        "panel": "new"
      },
      "runOptions": {
        "runOn": "folderOpen"
      }
    }
  ]
}

필요한 경우 다음을 구성합니다.

script - 스크립트 이름이 아닌 경우 스크립트 이름으로 업데이트합니다start.

label - 이것은 당신이 원하는 무엇이든 될 수 있습니다!

다른 옵션은 그대로 둡니다. runOptions는 시작 시 명령 실행을 활성화하고( folderOpen ) 옵션 세트는 새 터미널이 열려 실행 중인 작업을 표시함을 의미합니다.

작업이 실행되도록 허용

이것이 작동하기 전에 수동으로 한 번 실행하고 자동 실행 동작에 대한 권한을 허용하는 단계가 하나 더 있습니다.

이렇게 하려면 presentation에 대한 VSCode 메뉴를 사용하고 Terminal를 선택한 다음 "Launch Site"(또는 업데이트한 경우 사용자 지정 이름)를 선택합니다. 스캔 유형을 선택하라는 메시지가 표시됩니다(확실하지 않은 경우 상단 옵션 선택).

그러면 작업이 실행됩니다. 시작 작업이 완료되면 Run Task 로 종료합니다.

폴더를 열 때 작업을 실행할 권한을 요청하는 마지막 팝업 메시지가 나타납니다. "허용 및 실행"을 선택합니다.



이제 VSCode를 완전히 닫았다가 다시 시작하면 작업이 열린 직후에 실행됩니다!