Visual Studio Code / HTML 문서에 PHP 코드 하이라이트 적용시키는 방법

VS Code에서 PHP 문서에 HTML 코드를 넣을 때는 HTML 코드 하이라이트가 잘 됩니다. 그런데, HTML 문서에 PHP 코드를 넣으면 PHP 코드 하이라이트가 잘 되지 않습니다.

이 문제는 VS Code의 설정을 변경해서 해결할 수 있습니다.

  • [File > Preferences > Settings]를 클릭하여 설정을 엽니다.

  • files.associations로 검색하면 Files: Associations 설정이 나옵니다.
  • [Add Item]을 클릭합니다.

  • Item에 *.html, Value에 php를 입력하고 [OK]를 클릭하면...

  • Item이 추가됩니다.

  • 이제 HTML 문서에서도 PHP 코드 하이라이트가 잘 됩니다.

 

같은 카테고리의 다른 글
Visual Studio Code / 탭 크기 설정하는 방법

Visual Studio Code / 탭 크기 설정하는 방법

Visual Studio Code에서 탭 크기를 설정하는 방법은 다음과 같습니다. 를 클릭하여 설정 파일을 엽니다. tab으로 검색한 후 왼쪽에서 를 클릭합니다. 에서 탭 크기를 정합니다. 에서 탭에 공백을 사용할 지 정합니다.

Visual Studio Code / 설정 동기화 하는 방법

Visual Studio Code / 설정 동기화 하는 방법

Visual Studio Code를 여러 기기에서 사용한다면 설정을 동기화하는 것이 편합니다. 설정 동기화를 사용하기 위해서는 Github 또는 Microsoft 계정이 필요합니다. 동기화하는 방법은 다음과 같습니다. 를 클릭합니다. 을 클릭합니다. Github 또는 Microsoft 계정으로 로그인합니다. 동기화 여부는 아래와 같이 확인할 수 있습니다.

Visual Studio Code / 단축키

Visual Studio Code / 단축키

주석 블록 주석 : Alt + Shift + A 한 줄 주석 : Ctrl + / 주석 단축키가 되지 않으면, 한글 입력기가 Microsoft 입력기인지 확인합니다. 한컴 오피스가 설치되어 있는 경우 한글 입력기가 한컴 입력기인 경우 문제가 생깁니다. 접기(fold), 펴기(unfold) 접기 : Ctrl + Shift + [ 펴기 : Ctrl + Shift + ] 모두 접기 : Ctrl ...

Visual Studio Code / 자동 줄바꿈(Word Wrap) 설정하는 방법

Visual Studio Code / 자동 줄바꿈(Word Wrap) 설정하는 방법

Visual Studio Code에서 편집창을 넘어갈 만큼 코드가 길어지면, 다음 줄로 내려가지 않고 계속 길어집니다. 좌우 스크롤을 해야하는 상황이 발생하는 거죠. 그게 불편하다면 편집창 끝에 다다랐을 때 다음 줄로 넘어가도록 설정할 수 있습니다. 이를 보통 Word Wrap이라 하고, 대부분의 텍스트 에디터가 그 설정을 가지고 있습니다. 방법은 다음과 같습니다. 를 클릭합니다. word ...

Visual Studio Code / Extension / ftp-simple / FTP(SFTP)로 원격 서버 접속하는 확장 기능

Visual Studio Code / Extension / ftp-simple / FTP(SFTP)로 원격 서버 접속하는 확장 기능

원격 서버에 파일을 추가하거나 수정할 때, 로컬에서 작업하고 서버에 업로드하는 것은 상당히 번거롭습니다. 그래서 텍스트 에디터 중에는 FTP로 서버에 접속해서 바로 작업할 수 있는 기능을 포함한 것이 있습니다. 또는 프로그램 자체에 포함되지는 않았지만, 플러그인을 이용해서 FTP 기능을 추가할 수 있는 텍스트 에디터도 있습니다. Visual Studio Code는 확장기능을 추가하여 FTP 접속이 가능합니다. ...

Visual Studio Code / HTML 문서에 PHP 코드 하이라이트 적용시키는 방법

Visual Studio Code / HTML 문서에 PHP 코드 하이라이트 적용시키는 방법

VS Code에서 PHP 문서에 HTML 코드를 넣을 때는 HTML 코드 하이라이트가 잘 됩니다. 그런데, HTML 문서에 PHP 코드를 넣으면 PHP 코드 하이라이트가 잘 되지 않습니다. 이 문제는 VS Code의 설정을 변경해서 해결할 수 있습니다.

Visual Studio Code / 터미널 글꼴과 글자 크기 변경하는 방법

Visual Studio Code / 터미널 글꼴과 글자 크기 변경하는 방법

VS Code(Visual Studio Code)에서 터미널의 글꼴 또는 글자 크기를 변경하는 방법은 다음과 같습니다. 를 클릭합니다.(단축키는 Ctrl+,입니다.) 을 클릭합니다. 오른쪽에서 Font Family, Font Size를 원하는 값으로 설정합니다.

Visual Studio Code / 글꼴, 글자 크기 변경하는 방법

Visual Studio Code / 글꼴, 글자 크기 변경하는 방법

Visual Studio Code 편집기의 글꼴과 글자 크기를 변경하는 방법은 다음과 같습니다. 를 클릭합니다. 에서 Font Family가 글꼴, Font Size가 글자 크기를 정하는 것입니다. 원하는 글꼴과 크기로 설정합니다.

Visual Studio Code / 구버전 다운로드하는 방법

Visual Studio Code / 구버전 다운로드하는 방법

Visual Studio Code는 지속적으로 개발되고 있습니다. 유용한 기능을 추가한 새 버전이 계속 나오고 있죠. 그런데, 버전이 올라가면서 확장 기능을 사용할 수 없게 되는 경우가 있습니다.

Visual Studio Code / 언어 변경하는 방법

Visual Studio Code / 언어 변경하는 방법

Visual Studio Code를 설치하면 시스템의 언어로 세팅이 됩니다. 즉 윈도우에 설치했을 때 윈도우의 언어가 한글이라면 Visual Studio Code의 언어도 한글이 됩니다. 만약 언어를 영어로 변경하고 싶다면, 다음과 같이 합니다. 를 누릅니다. 그러면 상단에 명령을 입력하는 창이 나오는데... 언어라고 입력하면 관련 메뉴들이 나옵니다. 그 중 을 선택하고 엔터키를 누릅니다. 설치된 언어 ...