반응형

Visual Studio Code 확장기능 설치하기 

 

구분

확장기능 이름

설명

비고

필수공통

Debugger for Chrome

Chrome과 연계한 디버거. 로컬PC 환경에서 곧바로 Chrome 브라우저를 실행시켜 웹페이지를 볼 수 있게 해줍니다.

 

ftp-sync

원격지의 소스코드를 FTP/SFTP 전송 및 동기화 시켜줍니다.

 

Git History

Git 로그, 파일의 변경내역 및 커밋 시 차이점을 비교하여 보여줍니다.

 

HTML Snippets

HTML5, 태그 색상화, 코드 스니펫 등을 지원합니다.

동일한 이름의 확장기능 이름이 있는데, 개발자명이 wgenial인 것으로 설치해야 합니다.

HTML CSS Support

HTML 문서의 CSS를 지원합니다. 추가적으로 PHP 내의 HTML측 CSS, Javascript 등도 지원합니다.

 

vscode-icons

VSCode 편집기의 목록 등에 표시되는 가독성 좋은 아이콘을 적용시켜줍니다.

 

PHP

PHP Debug

PHP의 자체 모듈인 XDebug와 연동하여 PHP를 디버깅 해줍니다.

로컬PC에 PHP가 설치되어 있어야 합니다.

PHP IntelliSense

좀 더 개선된 PHP 인텔리센스를 지원합니다.

로컬PC에 PHP가 설치되어 있어야 합니다.

PHP Extension Pack

위의 PHP Debug와 IntelliSense가 통합된 기능이며, 이거 하나로 Debug, IntelliSense 모두 설치됩니다.

로컬PC에 PHP가 설치되어 있어야 합니다.

PHP Intellisense for codeigniter

PHP CodeIgniter 웹 프레임워크를 위한 코드 인텔리센스를 지원합니다.

 

ci-snippets2

PHP CodeIgniter 웹 프레임워크를 위한 코드 스니펫을 지원합니다.

개발자명이 Anish-M인 것을 설치합니다. (ci-snippets 0.0.2 버전은 구버전임)

Node.js

Node Exec

작성 중인 Node.js 파일 또는 특정 선택된 코드를 Node.js를 이용하여 실행시켜줍니다.

로컬PC에 Node.js가 설치되어 있어야 합니다.

Node.js Extension Pack

Node.js의 npm, JavaScript(ES6), node_modules 검색, NPM 인텔리센스 등을 지원합니다.

로컬PC에 Node.js가 설치되어 있어야 합니다.

Node.js Modules Intellisense

Node.js에서 require로 포함된 모듈에 대한 막강한 인텔리센스를 지원합니다.

 

[출처] VSCode 설치 및 설정하기|작성자 아르미즈

반응형

+ Recent posts