# AU-Helper ## Preview - **Light+** theme ![image](https://user-images.githubusercontent.com/20538040/42261194-509a1e2c-7fa2-11e8-9de9-7dc4b916935d.png) - **Dark+** Theme ![image](https://user-images.githubusercontent.com/20538040/42261204-573d931c-7fa2-11e8-8c6d-e10c7575971e.png) ## Config ![Image](https://media.giphy.com/media/g0NZyBmgHiEqwWBBBc/giphy.gif) `[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](https://media.giphy.com/media/1yiQj5nOeXjKdEiTJn/giphy.gif) - `AU List` : show AU List and reveal from corresponding file ![Image](https://media.giphy.com/media/5k3G1jnr8jwP4VFEXU/giphy.gif) ## keybindings - Alt + A: Highlight the current lines. ![Image](https://media.giphy.com/media/3tIWJpiN5YFkKfNDZb/giphy.gif) ## Snippets ![Image](https://media.giphy.com/media/ycepyETfI2g96A6DIX/giphy.gif) **⇥**는 Tab키를 의미합니다. | Trigger | Content | | -------------- | ------------------------------------------------------------ | | `eg→` | Add class which extends eg.Component | | `au→` | Add AU guide `` | | `auc→` | Add AU guide to class `` | | `aui→` | Add AU guide to id `` | | `aua→` | Add AU guide to data attribute `` | | `ausd→` | Add AU guide to style block `` | | `ausn→` | Add AU guide to style none `` | | `auss→` | Add AU guide to style none or block `` | | `divcl→` | Add div with class name `

` | | `electionmap→` | Add electionmap Instance | | `circlenmap→` | Add circlemap Instance |