VSCode 로 개발하기

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 를 누르거나 자세히 보기... 버튼을 누르면 됩니다.

html 파일의 CSS id 및 class 가 정의된 각 CSS 를 보여줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

The extension supports all the normal capabilities of symbol definition tracking, but does it for css selectors (classes, IDs and HTML tags). This includes:

• Peek: load the css file inline and make quick edits right there. (Ctrl+Shift+F12)
• Go To: jump directly to the css file or open it in a new editor (F12)
• Hover: show the definition in a hover over the symbol (Ctrl+hover)

문서에서 css/web 색상을 찾아서 표시해줍니다.

링크 : https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight