> 개발 도구 > VSCode > 본문

브라우저에서 vscode 코드를 여는 방법

hzc
풀어 주다: 2020-07-02 14:37:01
원래의
10820명이 탐색했습니다.

브라우저에서 vscode 코드를 여는 방법

브라우저에서 코드를 여는 Vscode 방법:

브라우저에서 열기

vscode 확장 프로그램에서 "브라우저에서 보기" 플러그인을 검색하고 클릭하여 설치하고 탐색기를 클릭하세요. 현재 파일을 선택하려면 마우스 오른쪽 버튼을 클릭하고 "브라우저에서 보기"를 선택하면 기본 브라우저에서 페이지가 열립니다.

브라우저에서 vscode 코드를 여는 방법
실시간 새로 고침 방법 1: livereload

프로젝트 디렉터리에서 명령 실행:

browser-sync start --server --files "**/*.css,**/*.html,**/*.js"
로그인 후 복사

방법:

  • "보기"에서 "통합 터미널" 선택 그리고 명령줄 입력 위의 명령

브라우저에서 vscode 코드를 여는 방법

  • 로컬 파일을 마우스 오른쪽 버튼으로 클릭하고 "터미널에서 열기"를 선택하고 터미널 명령줄에 명령을 입력하세요

브라우저에서 vscode 코드를 여는 방법

위의 두 가지 방법으로 달성 동일한 효과와 원리를 가지며 둘 다 백그라운드에서 사용할 수 있습니다. 실행하려면 단축키 "control+c"를 눌러 현재 실행 중인 프로세스를 종료하세요.

새로 고침 방법 2 구현:

Live HTML Previewer 플러그인을 설치하고 페이지 왼쪽 하단에 있는 Preview Available을 클릭하세요.


참고: livereload를 사용하면 "브라우저에서 보기" 플러그인을 설치할 필요가 없습니다.

추천 튜토리얼: "vscode 입문 튜토리얼"

위 내용은 브라우저에서 vscode 코드를 여는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿