VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


HTML을 위한 정적 코드 분석 도구입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint




HTMLHint 확장은 열려 있는 HTML 파일에서 HTMLHint를 실행하고 오류와 문제의 수를 상태바에 표시해줍니다.

문제 패널에서 세부 정보를 함께 볼 수 있습니다.


HTML 파일의 오류는 강조표시되며 마우스 오버시 오류 메시지가 표시됩니다.


사용

로컬 프로젝트 폴더에 버젼을 설치

npm install --save-dev htmlhint


전역 설치

npm install --global htmlhint

저작자표시

'언어 > CSS & HTML' 카테고리의 다른 글

Minify - JS, CSS, HTML 파일 축소  (0) 2018.11.14
IntelliSense for CSS class names in HTML - CSS Class 자동 완성  (0) 2018.10.07
Bootstrap v4 Snippets - 부트 스트랩 스니펫  (0) 2018.10.01
Font Awesome Autocomplete - 폰트 어썸 자동완성  (0) 2018.10.01
CSS Peek - id 및 class 가 정의된 CSS 보기  (0) 2018.08.31

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


부트 스트랩을 위한 109개의 코드 스니펫 팩 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=Zaczero.bootstrap-v4-snippets




사용법

b- 로 snippet_name 을 입력하면 됩니다.

  • 선택한 snippet을 미리 보려면 Ctrl + Space 를 누르시면 됩니다.
  • 선택한 snippet을 사용하려면 Tab을 누르시면 됩니다.
저작자표시

'언어 > CSS & HTML' 카테고리의 다른 글

IntelliSense for CSS class names in HTML - CSS Class 자동 완성  (0) 2018.10.07
HTMLHint - HTML 코드 분석  (0) 2018.10.06
Font Awesome Autocomplete - 폰트 어썸 자동완성  (0) 2018.10.01
CSS Peek - id 및 class 가 정의된 CSS 보기  (0) 2018.08.31
Color Highlight - 문서에서 css/web 색상 표시  (0) 2018.08.24

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


모든 언에의 자동 완성 항목으로 Font Awesome 5.3.1 / 4.7.0 CSS 클래스 이름을 제공합니다.


링크 : https://marketplace.visualstudio.com/items?itemName=Janne252.fontawesome-autocomplete




문서 마우스 오버


사용법

class 에 "fa-" 로 시작시 자동완성 해줍니다.

아이콘 미리보기가 나타나지 않을 경우 Ctrl + Space 를 누르거나 자세히 보기... 버튼을 누르면 됩니다.

저작자표시

'언어 > CSS & HTML' 카테고리의 다른 글

IntelliSense for CSS class names in HTML - CSS Class 자동 완성  (0) 2018.10.07
HTMLHint - HTML 코드 분석  (0) 2018.10.06
Bootstrap v4 Snippets - 부트 스트랩 스니펫  (0) 2018.10.01
CSS Peek - id 및 class 가 정의된 CSS 보기  (0) 2018.08.31
Color Highlight - 문서에서 css/web 색상 표시  (0) 2018.08.24

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


간단하고, 의존적인 PHP DocBlocking 확장 패키지입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=neilbrayfield.php-docblocker




Features

  • /** 후에 클래스, 함수, 클래스 속성 위의 완성 Snippet
  • DocBlock에서 Enter 키를 누를 때 DocBlock이 지속
  • @param, @return, @throws 같은 DocBlock 태그의 완성 
  • 서명으로부터 param 및 return 형의 추정


지원하는 DocBlock 태그

TagSnippet
@api@api
@abstract@abstract
@author@author ${1:{{name}}} <${2:{{email}}}>
@category@category ${1:description}
@copyright@copyright ${1:2018} ${2:Name}
@deprecated@deprecated ${1:version}
@example@example ${1:location} ${2:description}
@filesource@filesource
@final@final
@group@group ${1:group}
@global@global
@ignore@ignore ${1:description}
@inheritDoc@inheritDoc
@internal@internal ${1:description}
@license@license ${1:MIT}
@link@link ${1:http://url.com}
@method@method ${1:mixed} ${2:methodName()}
@package@package ${1:category}
@param@param ${1:mixed} $${2:name}
@property@property ${1:mixed} $${2:name}
@property-read@property-read ${1:mixed} $${2:name}
@property-write@property-write ${1:mixed} $${2:name}
@return@return ${1:mixed}
@see@see ${1:http://url.com}
@since@since ${1:1.0.0}
@source@source ${1:location} ${2:description}
@static@static
@subpackage@subpackage ${1:category}
@throws@throws ${1:Exception}
@todo@todo ${1:Something}
@uses@uses ${1:MyClass::function} ${2:Name}
@var@var ${1:mixed}
@version@version ${1:1.0.0}

저작자표시

'언어 > PHP' 카테고리의 다른 글

Laravel 5 Snippets - 라라벨 5 스니펫  (0) 2019.01.10
Composer - PHP Composer  (0) 2018.11.19
PHP Intelephense - 고성능, 풍부한 PHP IntelliSense  (0) 2018.09.22
PHP IntelliSense - 고급 PHP IntelliSense  (0) 2018.09.22
PHP Debug - XDebug 를 사용하여 PHP 디버깅  (1) 2018.09.21

VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다.


Typescript 로 구현된 고성능의 PHP IntelliSense 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client




지원사항

  • IntelliSense : 문서, 작업 영역 및 내장 기호 및 키워드에 대한 자세한 제안을 제공
  • 문서, 작업 영역, 기본 제공 생성자, 메서드 및 함수에 대한 자세한 서명 도움
  • 광범위한 작업 공간에서 빠른 정의 지원으로 이동
  • 넓은 작업 공간의 모든 참조를 찾음
  • 전체 문서에서 기호 검색
  • 오류 허용 구문 분석기를 통해 열린 파일에 대한 여러 구문 분석 오류 진단
  • 무손실 PSR-2 호환 문서 및 범위 형식 지원
  • 등등...

추가
php.suggest.basic 를 false 로 해서 최상의 결과를 얻을 수 있습니다.

저작자표시

'언어 > PHP' 카테고리의 다른 글

Composer - PHP Composer  (0) 2018.11.19
PHP DocBlocker - PHP DocBlocking 확장  (0) 2018.09.23
PHP IntelliSense - 고급 PHP IntelliSense  (0) 2018.09.22
PHP Debug - XDebug 를 사용하여 PHP 디버깅  (1) 2018.09.21
PHP Namespace Resolver - PHP Namespace 확장  (0) 2018.09.18

+ Recent posts

티스토리툴바