[VSCode] Chrome으로 실행하기

출처: https://yzink.tistory.com/entry/VSCode-Chrome으로-실행하기 [양디로그]

 

VSCode에서 html 파일 등을 작성하여 웹 브라우저에서 실행하려면?

 

1. ctrl + shift + p 를 누르고 configure task를 입력한다.

configure task

2. Tasks: Configure Task 를 클릭하면 아래에 tasks.json 이라 뜨는게 있는데 그걸 클릭하고 MSBuild를 선택한다.

3. task.json 파일이 열리고 안의 내용을 다음과 같이 변경한다. (크롬으로 실행)

{
    "version": "2.0.0",
    "tasks": [
        {
            "taskName": "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
            }
        }
    ]
}

  + command에는 크롬이 설치되어있는 경로를 적어준다.

 

4. 이제 실행할 파일에서 ctrl + shift + b 를 누르면 크롬에서 파일이 열린다!