vscode에서 프런트엔드 코드를 실행하는 방법

일반적으로 VsCode를 설치한 후 vscode 관련 기능을 지원하려면 많은 플러그인을 설치해야 합니다. vscode가 프런트 엔드 코드를 실행하는 방법을 살펴보겠습니다.

vscode는 정적 웹 서버를 설치할 수 있습니다. Live Server는 쉬운 디버깅을 위해 프런트 엔드 코드를 실행하는 데 사용됩니다. 최신 Live Server는 이미 PHP 동적 페이지를 지원합니다.

설치 방법은 왼쪽 다섯번째 아이콘을 클릭해 "Extensions" 페이지를 열고 텍스트 상자에 Live Server를 입력한 후 첫 번째 검색 결과를 클릭하고 오른쪽 페이지에서 설치를 클릭한 후 설치가 완료될 때까지 기다리는 것입니다. 완벽한.

조작 방법은 프로젝트를 선택하고 화면 하단 툴바에서 Go live 버튼을 클릭하는 것입니다. 서버를 중지하려면 다시 클릭하세요.

Live Server에는 사용자가 수정할 수 있는 몇 가지 기본 구성 옵션이 있습니다. 파일->기본 설정->설정을 클릭하고 오른쪽 페이지에서 Live Server Config를 찾으세요. 여기에는 이 플러그인의 구성 속성이 나열되어 있습니다. 오른쪽에 복사하고 속성 값을 수정한 후 저장을 클릭합니다.

예를 들어 기본 포트를 수정하려면 다음 코드를 페이지 오른쪽의 사용자 설정에 복사하면 됩니다.

"liveServer.settings.port": 5501

권장 관련 기사 및 튜토리얼: vscode tutorial

위 내용은 vscode에서 프런트엔드 코드를 실행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!