Visual Studio Code - open browser

Studio Code - open browser

비주얼스튜디오코드  Visual Studio Code - open browser 방법

window와 mac 의 접근방식은 동일하나 코드 삽입 방법이 다르다.

접근 방법 

1. Ctrl + Shift + P -> configure task Runner 입력 -> 엔터

2. TypeScript - tsconfig.json 선택

3. 입력 window의 경우 아래 코드 삽입 저장

{

    // See https://go.microsoft.com/fwlink/?LinkId=733558

    // for the documentation about the tasks.json format

 

    "version": "0.1.0",

    "command": "Chrome",

    "windows": {

        "command": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"

    },

    "isShellCommand": true,

    "args": [

        "${file}"

    ],

    "showOutput": "silent",

    "problemMatcher": "$tsc"

 

}

4. 입력 mac의 경우 아래 코드 삽입 저장

{

        // See https://go.microsoft.com/fwlink/?LinkId=733558

        // for the documentation about the tasks.json format

    

        "version": "0.1.0",

        "command": "Chrome",

        "osx": {

            "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"

        },

        "isShellCommand": true,

        "args": [

            "${file}"

        ],

        "showOutput": "silent",

        "problemMatcher": "$tsc"

    

    }

 

5. 단축키 를 눌러서 실행해보자 

 

 Ctrl + Shift + B

6. 폴더에서만 가능하다. 프로젝트를 진행할때 작업폴더를 지정해서 확장해야한다.

---------------------------------------------------------------------------------------------------------------------------

아이콘 설정 은

파일 > 기본설정 > 아이콘