웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
VSCODE에서 PRETTIER-PHP 사용하기 (중급자용)
2019.07.29 03:39
[Source] : https://github.com/prettier/plugin-php
일단 Prettier가 뭔지 먼저 설명드리면,
내가 작성한 코드를, 흔히 쓰이는 포맷 또는 미리 설정한 일정한 기준에 따라 자동으로 변환시켜주는 포매터입니다.
에디터의 확장도구를 통한다면 저장 (ctrl + s) 할 때마다 적용시킬 수 있습니다.
자바스크립트에서는 거의 필수적으로 쓰는 툴인데, PHP는 플러그인으로 따로 추가되었었네요.
제가 사용하는 에디터가 VSCODE 기 때문에 VSCODE 기준으로 적용 방법 알려드릴게요.
(위에 링크로 들어가보시면 ATOM이나 SUBLIME같은 에디터에 적용하는 방법도 안내되어 있습니다.)
1. 확장도구 prettier를 설치합니다.
2. 추가 플러그인을 설치해야합니다.
VSCODE에서는 플러그인을 공식지원하지 않기 때문에, 수동으로 설치해야됩니다.
사전에 nodejs 와 npm 이 깔려있어야 합니다. (개발자분들에게 전하는 팁이므로 자세한 설명은 생략합니다)
터미널을 여셔서
cd ~/.vscode-insiders/extensions/esbenp.prettier-vscode-1.9.0/
치신 후, (안되시면 vscode-insiders 를 vscode 로 바꿔보세요)
npm install @prettier/plugin-php
를 치면 자동으로 설치가 됩니다. vscode 는 재시작해주세요 (ctrl + alt + r)
3. vscode 설정에 다음을 추가합니다. (vscode 내에서 ctrl + , )
{ "[php]": { "editor.formatOnSave": true }, "prettier.printWidth": 100, // 한 행 당 최대 글자 수 "prettier.singleQuote": true, // 작은 따옴표 ('') 사용 여부, false 시 큰 따옴표 ("") "prettier.useTabs": false, // 여백을 tab으로 쓸지 여부, false 시 space 사용 "prettier.tabWidth": 4, // 여백 칸수 (스페이스 n번만큼의 크기) }
4. 작업하던 파일에서 저장해봅시다. (ctrl + s)
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
서브 메뉴 배경색 바꾸기 [4] | Chang-Jo(창조) | 2007.08.17 |
위지웍 에디터 웹폰트 사용하기 [6] | 최지연 | 2007.08.17 |
사이트접속시 제로보드XE폴더로 이동되게 하는 쉬운방법 [8] | 부찬™ | 2007.08.17 |
리눅스에서 제로보드 xe를 위한 환경 구축하기 [6] | 써니a | 2007.08.18 |
404 페이지 못찾음으로 나오는 문제 수정 [9] | 화니군 | 2007.08.18 |
한글 경로가 404 에러로 뜨는 경우 처리방법 [2] | 베니 | 2007.08.18 |
본문 하단에 (애드센스)광고 넣기 [2] | roresy | 2007.08.19 |
각 메뉴 옆에 게시물 갯수 표시하기 [6] | coolsushi | 2007.08.19 |
게시판에 나타나는 이름을 실명으로 나타내자! [5] | 박영주964 | 2007.08.19 |
OpenID 적용 [6] | 맑은하늘75 | 2007.08.20 |
(수정) ZBXE 설치/로그인 등이 안될 때 시도해보세요. (MySQL DB) | 핑크플로이드 | 2007.08.20 |
페이지 수정시 메뉴들 가지런히 놓이게 하기 [3] | 팔공산 | 2007.08.21 |
layout skin 제작시 info.xml도 잘 보세요 [1] | 바람처럼.. | 2007.08.21 |
zbxe 일주일 사용기 및 팁 [1] | 팔공산 | 2007.08.21 |
홈페이지 주소 고정시키기 [12] | :에반: | 2007.08.21 |
로고 위치 변경하기 [4] | 김영훈715 | 2007.08.21 |
설치환경을 갖추어도 설치시 문제 [1] | 하얀후니 | 2007.08.22 |
rewrite mod 설정, 해지 [1] | 아름드리479 | 2007.08.22 |
(회원가입) 닉네임 필요없이 이름만 입력 받으려면 [16] | Simulz | 2007.08.22 |
Zbxe 서버 이전하기 [4] | 팔공산 | 2007.08.22 |