Java Script

[JavaScript] VS Code 기본 브라우저 변경 (Open in Browser, Live Server)

베이글러 2023. 4. 17. 20:48
728x90
반응형

VS Code Default Browser 변경하기


VS Code에서 html 코드를 실행할 때, Open in Browser를 통해 실행하게 된다.

이 때 Default를 Window Default Browser인 Edge로 열리게 된다.

 

하지만 웹 코딩을 할 때는 크롬에서 확인하는 것이 좀 더 편리하므로,

기본 브라우저를 Edge에서 Chrome으로 변경하고자 한다.

 

 

 

 


VS Code Default Browser 변경하기 (Open in Broswer)


1. VS Code(Visual Studio Code) > 설정

▶ Visual Studio Code를 실행하여

[File] > [Preferences] > [Settings]으로 설정창에 들어간다.

File > Preferences > Settings

 

2. Browser 변경

▶ 설정의 검색창에 'open in browser'를 검색한다.

Open in Browser를 검색하면 아래 그림처럼 Default Browser를 설정하는 부분이 나온다.

해당 부분에 원하는 브라우저를 입력하여 주면 된다.

브라우저 변경

 

 

 

 

 


VS Code Default Browser 변경하기 (Live Server)


1. VS Code(Visual Studio Code) > 설정

▶ Visual Studio Code를 실행하여

[File] > [Preferences] > [Settings]으로 설정창에 들어간다.

File > Preferences > Settings

 

2. Browser 변경

▶ 설정의 검색창에 'live server'를 검색한다.

Live Server를 검색하면 아래 그림처럼 Default Browser를 설정하는 부분이 나온다.

해당 부분에 원하는 브라우저를 선택하여 주면 된다.

브라우저 변경

 

 

 

 

설정창에서 브라우저를 변경하고 나면 별도 저장 버튼을 클릭하거나 하는 과정없이

그대로 설정창을 닫고 바로 다시 html 코드를 실행하면 기존 Edge로 열리던 코드가 Chrome으로 열리는 것을 확인할 수 있다 ! 

반응형