VS Code 팁 및 요령 및 확장


  • Code Runner - 클릭 한 번으로 코드를 실행합니다.

  • Live Server Extension - 코드를 저장할 때마다 진행 상황을 빠르게 확인할 수 있습니다
  • .

  • JavaScript (ES6) Code Snippets - 이 확장에는 Vs Code 편집기용 ES6 구문의 JavaScript 프로그래밍을 위한 모든 코드 스니펫이 포함됩니다.

  • HTML and CSS Support - Visual Studio Code용 자동 완성 기능이 있는 HTML ID 및 클래스입니다.You can see a rundown of id and class suggested ideas by pressing ctrl + space.

  • jQuery Code Snippets - JavaScript 코드에 대해 130개가 넘는 jQuery 코드 스니펫을 제공합니다. 이 확장 기능을 효과적으로 사용하려면 코드 편집기에 'jq' 문자를 입력하면 사용 가능한 모든 jQuery 코드 스니펫 목록을 얻을 수 있습니다.

  • Tailwind CSS IntelliSense - 자동 완성, 구문 강조 표시 및 보푸라기.
  • ES7+ React/Redux/React-Native snippets

  • Live Preview - HTML용 실시간 미리 보기

  • Markdown Emoji - 이모지를 추가하려면

  • Thunder Client - 경량 Rest API 클라이언트 확장(Postman의 대안)

  • Code Spell Checker -

  • 당신의 코드를 아름답게 하기 위해



  • Auto Rename Tag - 쌍을 이룬 HTML/XML 태그의 이름을 자동으로 변경

  • Prettier – 코드 포맷터

  • Better Comments - 의미 있는 댓글을 추가합니다..

  • [ * ] for highlighted text
    [ ! ] for errors and warnings
    [ ? ] for queries and questions
    [ // ] for strikethrough



    테마 :
  • Atom One Dark Theme
  • Dracula
  • Cobalt2 Theme Official
  • One Dark Pro
  • Shades of Purple

  • Palenight Theme
    7. Monokai Pro
    8. Material Theme

  • 아이콘 :
    1. Material Icon Theme
    2. vscode-icons
    3. Easy icon theme
    4. Nomo Dark Icon Theme

    JSX 및 Typescript용 Emmet 활성화

    Go to setting.json file and paste this code below.



    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "typescript": "typescriptreact"
    }
    

    좋은 웹페이지 즐겨찾기