VS Code IDE를 사용하여 작업으로 스크립트

NPM, Bash 스크립트를 VS Code 작업으로 변환하고 어디서나 실행할 수 있습니다.

VS Code에는 명령 팔레트를 통해 작업을 지정하고 실행하는 훌륭한 기능이 있습니다. 애플리케이션을 개발하는 동안 실행해야 하는 다양한 스크립트가 있을 수 있습니다. 예를 들어 새 빌드를 출시하기 전에 출시 팀에서 해야 할 일이 많습니다. 그들 중 일부는 릴리스 버전 범핑, 릴리스 노트 작성, 변경 로그 생성을 포함하며 목록은 계속됩니다.

이 자습서에서는 시험판 명령의 예를 통해 VS Code 작업을 사용하는 방법을 배우고 그 과정에서 누락된 단계가 없는지 확인합니다.

내용물

전제 조건

1. 시험판 스크립트 작성

2. 작업 설정

3. 작업 실행

결론

전제 조건

로컬 Git 리포지토리

VS 코드 편집기

Linux 환경

1. 시험판 스크립트 작성

가장 먼저 해야 할 일은 스크립트(이 경우에는 bash 스크립트)를 만드는 것입니다. 이 스크립트에서는 시험판 작업의 일부로 수행해야 하는 단계를 정의합니다.

릴리스하기 전에 두 가지 작업을 수행한다고 가정해 보겠습니다. 먼저 .version 파일을 만들고 오늘 날짜를 추가합니다. 그런 다음 do-production-release라는 메시지와 함께 빈 커밋을 만듭니다.

단계가 결정되면 .vscode 디렉토리에 pre-release.sh를 생성하고 다음 코드를 추가합니다.

#!/bin/sh

date > .version
git commit --allow-empty -m "do-production-release"

다음을 수행하여 위 스크립트를 테스트 실행할 수 있습니다.

bash .vscode/pre-release.sh

Make sure to give proper permissions to the script before running it.

2. 작업 설정

이제 튜토리얼에서 가장 흥미로운 부분이 나옵니다. VS Code를 사용하면 tasks.json에서 작업을 지정할 수 있습니다. VS Code 작업의 장점은 VS Code 명령 팔레트에서 직접 실행할 수 있다는 것입니다. 이는 우리 팀의 비기술 구성원에게 특히 유용합니다.

.vscode 디렉터리에 tasks.json 파일을 만들고 파일에 다음 콘텐츠를 추가해 보겠습니다.

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Pre-Release Setup",
            "type": "shell",
            "command": "bash",
            "args": ["${workspaceFolder}/.vscode/pre-release.sh"]
        }
    ]
}

필요에 따라 워크플로를 사용자 정의할 수 있도록 우리가 무엇을 하고 있는지 이해하는 것이 중요합니다.

레이블은 VS Code 명령 팔레트에서 스크립트를 식별하는 데 사용됩니다.

"label": "Pre-Release Setup"

쉘 스크립트를 실행해야 하므로 type은 shell로 설정됩니다.

"type": "shell"

명령은 인수를 전달할 수 있는 기본 명령을 지정하는 데 사용됩니다.

"command": "bash"

args는 명령에 인수를 제공하는 배열입니다. ${workspaceFolder}는 VS Code에서 제공하는 내부 변수입니다. 프로젝트의 루트 디렉터리에 대한 절대 경로입니다.

"args": ["${workspaceFolder}/.vscode/pre-release.sh"]

3. 작업 실행

Ctrl + Shift + P를 사용하여 VS Code 명령 팔레트를 열고 Tasks: Run Task를 입력하고 Enter 키를 누릅니다.



tasks.json에 지정한 작업 목록이 표시됩니다. Pre-Release Setup을 선택하고 Enter 키를 누릅니다. VS Code 통합 터미널에서 작업 출력을 볼 수 있습니다.

결론

이제 VS Code 작업을 사용하여 더 나은 방식으로 스크립트를 작업으로 실행할 수 있는 방법에 대한 좋은 개요를 얻었습니다. 사전 준비 릴리스 실행, 사전 개발 릴리스 실행 등과 같은 더 많은 작업을 추가할 수도 있습니다.

제 글이 마음에 드셨다면 박수👏 부탁드립니다.

이 문서는 원래 RavSam’s blog에 게시되었습니다. 우리는 일주일 후에 Dev에 기사를 게시합니다.

🤝 나와 연결

저는 프리랜서 및 오픈 소스 프로젝트를 진행하면서 커뮤니티를 위해 글을 쓰는 것을 좋아합니다. • • Github • Email 을 통해 나와 연결하십시오.

💌 뉴스레터 받기

우리는 Nuxt, Vue, Strapi, Flutter, Jamstack 및 자동화에 대해 글을 씁니다. Subscribe to our newsletter .

🛖 RavSam 소개

우리는 최신 Jamstack 아키텍처로 구동되는 디지털 제품 개발로 전 세계 기업과 신생 기업을 돕고 있습니다. Get in Touch with us .

📙 독서를 즐길 수도 있습니다.

Add Unsubscribe link in emails using Google Apps Script