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


HTML 내에서 매칭되는 닫는 태그나 여는 태그를 강조해 주는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag




ㅇㅇㅇㅇ



VariableDefaultDescription
highlight-matching-tag.enabledtrueEnables/disables the highlighting and status bar
highlight-matching-tag.showPathtrueEnables/disables showing path to tag in status bar (e.g. div > p > a)
highlight-matching-tag.showRulertrueEnables/disables showing highlighted tag pair in ruler section
highlight-matching-tag.highlightSelfClosingfalseShould self-closing tags be highlighted too (can be useful for multiline self-closing tags)
highlight-matching-tag.highlightFromContentfalseWhether to highlight from the tag content the closest matching tag pair
highlight-matching-tag.styles{ opening: { name: { underline: 'yellow' } } }Custom styling configuration, see Styling Options


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


정규식을 사용하여 선택된 라인의 텍스트를 정렬해 주는 확장입니다.


링크 : https://marketplace.visualstudio.com/items?itemName=janjoerke.align-by-regex



  • 여러 줄의 텍스트를 정규식으로 정렬합니다.
  • 반복되는 사용을 위해 정규 표현식을 템플릿으로 저장합니다. (사용법 : 정규 표현식 대신 템플릿의 이름을 입력하십시오.)


이 확장 프로그램은 다음 설정을 제공합니다.

  • align.by.regex.templates: 사용자 지정 정규 표현식 템플릿 (예 : "align.by.regex.templates": { "abc": "=|,|:"}.


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


Visual Studio Code를 위한 PHP Snippets


링크 : https://marketplace.visualstudio.com/items?itemName=vsc-snippets.vsc-php-snippets





이 확장에는 빠르게 타이핑할 수 있게 도와주는 PHP 와 다른 프레임워크의 code snippets이 포함되어 있습니다.


  • p. 으로 시작하는 PHP 에 대한 snippets 를 지원합니다.
  • pc. 으로 시작하는 Phalcon 프레임워크에 대한 snippets 를 지원합니다.
  • pl. 으로 시작하는 Laravel 프레임워크에 대한 snippets 를 지원합니다.



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


Visual Studio Code 를 위한 라라벨 5 Snippets


링크 : https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel5-snippets





Snippet prefix follows Laravel Facades. For example: Request::Route::

  • Auth
  • Broadcast
  • Cache
  • Config
  • Console
  • Cookie
  • Crypt
  • DB
  • Event
  • Hash
  • Helper
  • Log
  • Mail - Contains Mail:: and Mailable:: prefix for mail related settings
  • Passport (Laravel v5.3 - API Authentication)
  • Redirect
  • Relation
  • Request
  • Response
  • Route
  • Schema - Contains Schema:: and Column:: prefix for database related settings
  • Session
  • Storage
  • Str
  • View


VSCode = Visual Studio Code 에서 사용할 수 있는 아이콘입니다.


Visual Studio Code 의 Material 디자인 아이콘


링크 : https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme




파일 아이콘


폴더 아이콘


명령 팔레트를 사용하여 기본 폴더 아이콘의 색상을 변경할 수 있습니다.

또는 사용자 설정을 통해 :

"material-icon-theme.folders.color": "#ef5350",

명령 팔레트를 사용하여 폴더 아이콘의 디자인을 변경할 수 있습니다.

또는 사용자 설정을 통해 :

"material-icon-theme.folders.theme": "specific"

아이콘에 대한 사용자 불투명도를 설정할 수 있습니다.

"material-icon-theme.opacity": 0.5

설치 또는 업데이트가 완료되면 '활성화'버튼을 클릭하여 아이콘 테마를 활성화 할 수 있습니다. 아이콘이 즉시 표시됩니다.

활성화

Ctrl-Shift-P 를 눌러 명령 팔레트를 열고 입력하십시오 Material Icons.

명령들

  • 아이콘 테마 활성화 : 아이콘 테마를 활성화합니다.

  • 폴더 색상 변경 : 폴더 아이콘의 색상을 변경합니다.

  • 폴더 테마 변경 : 폴더 아이콘의 디자인을 변경합니다.

  • 불투명도 변경 : 아이콘의 불투명도를 변경합니다.

  • Icon Pack 구성 : 추가 아이콘 (예 : Angular, React, Ngrx)을 활성화하는 아이콘 팩을 선택하십시오.

  • 폴더 화살표 숨기기 : 폴더 아이콘 옆의 화살표를 숨깁니다.

  • 기본 구성 복원 : 아이콘 테마의 기본 구성을 재설정합니다.


'테마 & 아이콘' 카테고리의 다른 글

[테마] Gatito Theme  (0) 2018.08.25
[아이콘] VSCode Great Icons  (0) 2018.08.16
[테마] Primal  (0) 2018.08.05

+ Recent posts