WordPress 개발을 편안하게! VSCode 설정 + 플러그인

2490 단어 PHPWordPressVSCode

소개



WordPress의 학습이나 테마 개발을 하고 있을 때, 들여쓰기가 어긋나 버려 보기 어렵다! ! !
그럴 때 공간이나 탭에서 외형을 갖추지 않았습니까?
이번에는 코드 성형과 템플릿 태그의 인텔리센스(자동 완성)에 대해 소개합니다.

인텔리센스용 플러그인



WordPress 템플릿 태그는 PHP의 내장 함수가 아니므로 보완 후보로 나오지 않습니다.
아래의 플러그인을 넣는 것만으로 특별한 설정은 하지 않아도 보완 후보로서 나와 줍니다.
WordPress Snippets

처음에는 메소드 이름을 모두 쳐서 기억한다는 학습 방법도 개미라고 생각합니다.
하지만 익숙해지면 긴 방법을 입력하는 것은 번거로워집니다. . .
예를 들어, get_template_directory_uri()단어의 머리글자를 차례로 입력하면 인텔리센스가 작동하도록 되어 있으므로 유효 활용해 갑시다! !


코드 성형용 플러그인



이번에는 2가지 소개합니다.
공수는 모두 그다지 큰 차이가 없기 때문에 기호로!

다음 플러그인 중 하나를 넣으십시오.
1. Format HTML in PHP
2. PHP Intelephense

플러그인을 넣은 후 setting.json을 열고 다음 설정을 추가하십시오!
settings.json은 여기 링크를 참조하십시오.
settings.json 내의 다른 장소에서 "editor.formatOnSave": true 가 기술되고 있으면, 이하의 기술은 하지 않아도 문제 없습니다.

settings.json
  "[php]": {
    "editor.formatOnSave": true
  }

이제 파일을 저장할 때마다 자동으로 코드 정형해 줍니다!

PHP Intelephense를 넣은 분 대상



PHP Intelephense는 템플릿 태그가 내장 함수가 아니기 때문에 오류처럼 존재하지 않는 메서드는 빨간색 물결 모양을 표시합니다.
이 문제를 해결하려면 여기 사이트를 참조하십시오.

결론



들여 쓰기가 갖추어지는 것만으로도 꽤 기분 적으로 깨끗이하기 때문에 시험해라!

좋은 웹페이지 즐겨찾기