Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>AU HelperNew to Visual Studio Code? Get it now.
AU Helper

AU Helper

tim787

|
406 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

AU-Helper

Preview

  • Light+ theme image

  • Dark+ Theme image

Config

Image

[AU], _classname 는 기본 키워드입니다. keywords를 설정하여 덮어쓸 수 있습니다.

키워드 및 기타 항목을 설정하려면, command + , (Windows / Linux: File -> Preferences -> User Settings) 를 눌러 VSCode의settings.json 을 엽니다.

properties type default description
highlight.keywords array [[AU], _classname] 강조 표시할 키워드 배열입니다.
highlight.borderColor string #65EAB9 예제 : 'pink', '#FFF' '#FFFFFFF', 'rgb(255,255,255)', 'rgba(255, 255, 255. 0.5)'
highlight.borderWidth string 1px 예제 : 'thin', '2px 3px', '1px 0 0 2px', '2px'
highlight.borderStyle string solid 예제 : solid, dashed, inset, double, groove, outset, ridge

Commands

명령 팔레트(⇧ + ⌘ + P)에 다음과 같은 commands를 제공합니다.

  • AU Toggle : turn on/off the highlight

Image

  • AU List : show AU List and reveal from corresponding file

Image

keybindings

  • Alt + A: Highlight the current lines.

Image

Snippets

Image

⇥는 Tab키를 의미합니다.

Trigger Content
eg→ Add class which extends eg.Component
au→ Add AU guide <!-- [AU] $1 -->
auc→ Add AU guide to class <!-- [AU] $1 클래스를 추가해주세요. -->
aui→ Add AU guide to id <!-- [AU] $1 id를 추가해주세요. -->
aua→ Add AU guide to data attribute <!-- [AU] $1 에 해당하는 attribute를 추가해주세요. -->
ausd→ Add AU guide to style block <!-- [AU] style=\"display:block\" 스타일을 추가해주세요. -->
ausn→ Add AU guide to style none <!-- [AU] style=\"display:none\" 스타일을 추가해주세요. -->
auss→ Add AU guide to style none or block <!-- [AU] 활성화 시 style=\"display:block\", 비활성화 시 style=\"display:none\"을 추가해주세요. -->
divcl→ Add div with class name <div class=\"$1\">$2</div>
electionmap→ Add electionmap Instance
circlenmap→ Add circlemap Instance
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft