티스토리

VSCode 로 개발하기
검색하기

블로그 홈

VSCode 로 개발하기

vscode.tistory.com/m

Visual Studio Code 로 개발하기 위한 이것저것들

구독자
0
방명록 방문하기
공지 VSCode = Visual Stud⋯ 모두보기

주요 글 목록

  • Highlight Matching Tag - 매칭되는 태그 강조 VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다. HTML 내에서 매칭되는 닫는 태그나 여는 태그를 강조해 주는 확장입니다. 링크 : https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag ㅇㅇㅇㅇ 설정VariableDefaultDescriptionhighlight-matching-tag.enabledtrueEnables/disables the highlighting and status barhighlight-matching-tag.showPathtrueEnables/disables showing path to tag in status bar (e.g. d.. 공감수 1 댓글수 0 2019. 1. 24.
  • Minify - JS, CSS, HTML 파일 축소 VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다. JS, CSS, HTML 파일 또는 디렉토리 내의 파일에 대해서 코드를 축소해 주는 확장입니다. 링크 : https://marketplace.visualstudio.com/items?itemName=HookyQR.minify 파일을 선택 후 Minify 시 {파일명|디렉토리명}.min.[js|css|html] 형식으로 파일을 생성해 줍니다. 원본 : index.html 축소 : index.min.html 공감수 0 댓글수 0 2018. 11. 14.
  • IntelliSense for CSS class names in HTML - CSS Class 자동 완성 VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다. 작업 공간에 있는 정의를 기반으로 HTML Class 속성에 대한 CSS Class 이름을 자동 완성해 줍니다. 링크 : https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion 지원 언어 모드HTMLRazorPHPLaravel (Blade)JavaScriptJavaScript React (.jsx)TypeScript React (.tsx)Vue (.vue) [requires octref.vetur]TwigMarkdown (.md)Embedded Ruby (.html.erb) [requires rebornix.. 공감수 0 댓글수 0 2018. 10. 7.
  • HTMLHint - HTML 코드 분석 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 공감수 0 댓글수 0 2018. 10. 6.
  • Bootstrap v4 Snippets - 부트 스트랩 스니펫 VSCode = Visual Studio Code 에서 사용할 수 있는 확장(Extension) 입니다. 부트 스트랩을 위한 109개의 코드 스니펫 팩 확장입니다. 링크 : https://marketplace.visualstudio.com/items?itemName=Zaczero.bootstrap-v4-snippets 사용법 b- 로 snippet_name 을 입력하면 됩니다.선택한 snippet을 미리 보려면 Ctrl + Space 를 누르시면 됩니다.선택한 snippet을 사용하려면 Tab을 누르시면 됩니다. 공감수 0 댓글수 0 2018. 10. 1.
  • Font Awesome Autocomplete - 폰트 어썸 자동완성 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 를 누르거나 자세히 보기... 버튼을 누르면 됩니다. 공감수 1 댓글수 0 2018. 10. 1.
  • CSS Peek - id 및 class 가 정의된 CSS 보기 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 fi.. 공감수 0 댓글수 0 2018. 8. 31.
  • Color Highlight - 문서에서 css/web 색상 표시 문서에서 css/web 색상을 찾아서 표시해줍니다. 링크 : https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight 공감수 0 댓글수 0 2018. 8. 24.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.