>백엔드 개발 >PHP 튜토리얼 >PHP 개발을 위해 Visual Studio Code(VS Code)를 설정하는 방법

PHP 개발을 위해 Visual Studio Code(VS Code)를 설정하는 방법

Lisa Kudrow
Lisa Kudrow앞으로
2024-12-20 11:31:01273검색

소개

VS Code라고도 하는 Visual Studio Code는 모든 주요 운영 체제에서 사용할 수 있는 무료 소스 코드 편집기, 즉 통합 개발 환경(IDE)입니다.

다양한 프로그래밍 언어에 대한 대규모 확장 모음, VS Code는 다양한 개발 요구 사항을 충족하도록 사용자 정의할 수 있습니다. 이 가이드에서는 Visual Studio Code를 설정하는 방법을 알아봅니다. PHP 프로젝트 작업 중입니다.

The gif shows the VS Code interface for PHP development

전제 조건

이 가이드를 따르려면 작업에 적합한 버전의 Visual Studio Code를 다운로드하여 설치해야 합니다.

이 가이드의 지침은 Ubuntu 20.04에서 검증되었습니다. 데스크톱 컴퓨터이지만 모든 운영 환경에서 원활하게 작동해야 합니다. VS Code에서 지원하는 시스템. 그래도 참고하세요 키보드 단축키를 약간 수정해야 할 수도 있습니다. MacOS 시스템과의 호환성.

1단계 — 추가 지원을 위한 VS Code PHP 확장 설치

설치 직후 VS Code는 이미 PHP 코드를 인식하고 구문 강조, 기본 디버깅 및 코드 들여쓰기에 도움이 됩니다. 이러한 기능은 빠른 편집이나 작업에 적합합니다. 개별 PHP 스크립트. 하지만 대규모 프로젝트에서 작업하는 것은 코드와 각 파일에 대한 더 많은 컨텍스트가 없으면 어렵습니다. 더 큰 프로젝트 내에서 상호 작용하고 통합됩니다.

작업 속도를 높이는 데 도움이 되는 다양한 VS Code 확장이 있습니다. PHP 프로젝트 작업 시 생산성 향상 이 가이드에서는 다음을 설치하겠습니다. PHP Intelephense를 설정하고, 여러 가지 고급 기능을 제공하는 인기 있는 VS Code용 PHP 확장입니다. 향상된 코드 완성, 향상된 탐색 기능 등의 기능 구성 요소, 마우스 호버에 대한 풍부한 정보 툴팁, 코드 자동 서식 지정 및 정적 코드 분석을 기반으로 한 실시간 오류 보고.

왼쪽 메뉴 표시줄의 마지막 아이콘을 클릭하거나 CTRL   SHIFT   X를 눌러 확장 프로그램 탭을 엽니다. 그러면 검색 상자와 목록이 포함된 사이드바 메뉴가 나타납니다. 인기가 있거나 권장되는 확장 프로그램. "php" 또는 "intelephense"를 입력하여 PHP Intelephense 확장을 찾으세요. 확장 기능을 설치하고 활성화하려면 설치 버튼을 클릭하세요.

The gif shows how to access the extensions menu on the left sidebar

설치가 완료되면 Intelephense의 공식 문서에서는 함께 제공되는 내장 PHP 언어 기능 확장 기능을 비활성화할 것을 권장합니다. VS 코드.

이 확장 기능을 비활성화하려면 확장 검색 상자에 @builtin php를 입력하여 내장된 PHP 확장 기능을 찾으세요. 그런 다음 PHP 언어 기능 확장에 대한 설정 아이콘을 클릭하고 드롭다운 메뉴에서 비활성화 옵션을 클릭합니다.

The gif shows how to disable the builtin PHP Language Features extension

VS Code에 열려 있는 파일이 있는 경우, 변경 사항을 적용하려면 편집기를 다시 로드해야 합니다.

동일한 프로세스에 따라 다른 확장 프로그램도 설치할 수 있습니다. PHP Intelephense 확장에 대해 설명되어 있지만 일부 확장을 사용하려면 추가 소프트웨어를 설치해야 합니다. 체계. 확장 문서를 확인하여

2단계 — 새 PHP 프로젝트 가져오기 또는 만들기

기존 PHP 프로젝트를 VS Code로 가져오려면 왼쪽 메뉴 표시줄의 첫 번째 아이콘을 클릭하거나 CTRL   SHIFT를 입력하세요. E 파일 탐색기에 액세스합니다. 폴더 열기를 클릭하세요 버튼을 클릭하고 프로젝트 디렉토리를 선택하세요. 생성하는 경우 새 프로젝트인 경우 새 폴더를 만들고 이를 프로젝트로 선택할 수 있습니다. 디렉토리.

The gif shows how to import a PHP project to VS Code

이제 탐색기 창에 프로젝트의 디렉토리 트리가 표시됩니다. 프로젝트의 파일 및 디렉토리에 빠르게 액세스할 수 있습니다.

3단계 — 테마 및 편집기 글꼴 사용자 정의(선택 사항)

필요하지는 않지만 글꼴을 사용자 정의하는 것이 좋은 경우가 많습니다. 편집기를 보다 편안하게 사용할 수 있도록 장기간. 개발자는 매일 몇 시간을 보낼 수도 있습니다. VS Code와 같은 IDE를 살펴보는 것이 중요합니다. 편집기 글꼴의 크기가 적절한지, 대비가 적절한지 확인하세요. 눈을 너무 빨리 피로하게 하지 않으면서도 가독성이 충분합니다.

자신에게 잘 맞는 사용자 정의 설정을 찾기 위해 다양한 테마와 글꼴을 시험해 볼 수도 있습니다.

VS Code 테마 변경

VS Code에는 변경할 수 있는 몇 가지 테마가 있습니다. 편집기 인터페이스와 코드 강조 표시에 사용되는 색상입니다. 기본적으로 어두운 스타일과 밝은 스타일이 모두 포함되어 있습니다.

파일 -> 기본 설정 -> 색상 테마로 이동하거나 CTRL   K   T를 입력하여 VS Code에 대한 다른 테마를 선택하세요.

The gif shows how to change VS Code theme

테마 확장을 설치하여 VS Code의 모양을 더욱 맞춤 설정할 수도 있습니다. 확장 탭(CTRL   SHIFT   X)에서 테마를 검색하시면, 다양한 스타일과 색상의 여러 테마 확장을 찾을 수 있습니다. 다른 인기 편집기 및 플랫폼에서 포팅한 색 구성표를 포함합니다.

글꼴 조정

기본 VS Code 글꼴 설정으로도 충분하지만 많은 사용자가 있을 경우 편집기의 크기와 유형을 조정하고 싶을 수도 있습니다. 가독성을 높이기 위한 글꼴입니다.

글꼴 크기를 수정하거나 다른 유형으로 변경하려면 파일 -> 기본 설정 -> 설정으로 이동한 후 왼쪽 메뉴에서 텍스트 편집기를 선택하세요. 그런 다음 열리는 하위 메뉴에서 글꼴을 클릭합니다. 해당 섹션에는 원하는 대로 조정할 수 있는 글꼴 모음과 크기 설정이 포함되어 있습니다.

변경 사항은 즉시 저장되어 현재 열려 있는 모든 파일에 적용됩니다.

위 내용은 PHP 개발을 위해 Visual Studio Code(VS Code)를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 digitalocean.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제