Visual Studio Code를 실행하고 왼쪽 EXPLORER 에서 작업폴더를 선택하고 CTRL + SHIFT + P 키를 누른다
검색창에 Configure Task 입력
Create tasks.json file from template 항목 선택
MSBuild, maven, .NetCore, Others 등의 아이템 중 Others 선택 : 이 결과 tasks.json 파일이 작업폴더에 생성됨
생성된 tasks.json의 파일의 내용
|
{ // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "2.0.0", "tasks": [ { "label": "echo", "type": "shell", "command": "echo Hello" } ] } |
tasks.json 파일의 내용을 아래처럼 변경하여 저장한다
|
{ "version": "2.0.0", "tasks": [ { "label": "Chrome", "type": "process", "command": "chrome.exe", "windows": { "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe" }, "args": [ "${file}" ], "problemMatcher": [], "group": { "kind": "build", "isDefault": true } } ] } |
VS Code에서 프런트 엔드 코드(HTML, CSS, Javascript)를 작성하고 CTRL + SHIFT + B 키를 누르면 구글 Chrome이 실행되어 프런트엔드 코드가 크롬에서 실행되는 것을 확인할 수 있다
