vscode react javascript snippets

VS Code ES7+ React/Redux/React-Native/JS 스니펫

VS Code용 Babel 플러그인 기능을 갖춘 ES7+의 JavaScript 및 React/Redux 스니펫

설치

Visual Studio 마켓플레이스

빠른 열기 실행:

• 리눅스 : Ctrl+P
• 맥OS : ⌘P
• 윈도우 : Ctrl+P

다음 명령을 붙여넣고 Enter 누르십시오.

ext install dsznajder.es7-react-js-snippets

옵션

버전 4부터 확장은 스니펫의 동작을 사용자 정의하는 옵션을 제공합니다.

옵션	설명
언어범위	지원되는 언어 목록 / 파일 인식
예뻐요활성화됨	스니펫을 더 예쁜 프로젝트 구성으로 구문 분석해야 하는지 결정합니다.
importReactOnTop	비활성화되면 스니펫의 상단에 import React 포함되지 않습니다. 반응 17+ 지원
타이프스크립트	추가 타이프스크립트 조각을 추가합니다.

후원자

전체 소스 트리 컨텍스트를 사용하여 IDE에서 끌어오기 요청을 관리하고 코드 검토를 수행하세요. diff뿐만 아니라 모든 행에 대해 주석을 달 수 있습니다. 더 많은 워크플로에서 정의로 이동, 선호하는 키 바인딩 및 코드 인텔리전스를 사용하세요.
자세히 알아보기

완성의 정복자

vim/neovim 텍스트 편집기에서 이 패키지를 사용할 수 있습니다. 이를 가능하게 하려면 coc.nvim 이 이전에 구성되어 있는지 확인한 다음 이 명령을 init.vim 에 추가하세요.

Plug ' dsznajder/vscode-es7-javascript-react-snippets ' , { ' do ' : ' yarn install --frozen-lockfile && yarn compile ' }

:source % 로 vim / neovim 설정을 업데이트한 다음 :PlugInstall 로 새 패키지를 설치하세요.

참고: 이 예에서는 vim-plug 패키지 관리자로 사용합니다. 다른 관리자를 자유롭게 사용해도 됩니다.

포장 기계

패커와 함께 사용하는 경우 구문이 약간 다릅니다. init.vim 이나 init.lua 를 추가하세요:

use { ' dsznajder/vscode-es7-javascript-react-snippets ' ,
run = ' yarn install --frozen-lockfile && yarn compile '
}

파일을 저장하면 업데이트가 완료됩니다( :w ).

검색 명령

CMD + Shift + P 로 실행할 수 있는 ES7 snippet search 명령을 사용하거나 CMD + Shift + R (Windows 및 Linux의 경우 CTRL + ALT + R ) 키 바인딩을 사용하여 스니펫을 검색할 수 있습니다.

다음은 마켓플레이스 ES7 React/Redux/React-Native/JS Snippets에 대한 직접 링크입니다.

짧은 발췌