vscode react javascript snippets

Código VS ES7 + React/Redux/React-Native/Snippets JS

Snippets JavaScript e React/Redux no ES7+ com recursos do plugin Babel para VS Code

Instalação

Mercado do Visual Studio

Inicie a abertura rápida :

• Linux : Ctrl+P
• macOS : ⌘P
• Janelas : Ctrl+P

Cole o seguinte comando e pressione Enter :

ext install dsznajder.es7-react-js-snippets

Opções

A partir da versão 4, a extensão oferece opções para personalizar o comportamento dos snippets:

Opção	Descrição
escopos de linguagem	lista de idiomas/reconhecimento de arquivos suportados
mais bonitoAtivado	determina se os snippets devem ser analisados ​​com a configuração mais bonita do projeto
importarReactOnTop	Se desativados, os snippets não conterão import React na parte superior. Suporte ao React 17+
texto datilografado	adiciona trechos adicionais de texto digitado

Patrocinadores

Gerencie solicitações pull e conduza revisões de código em seu IDE com contexto completo da árvore de origem. Comente em qualquer linha, não apenas nas diferenças. Use o salto para definição, seus atalhos de teclado favoritos e inteligência de código com mais do seu fluxo de trabalho.
Saber mais

Conquista da Conclusão

É possível utilizar este pacote em seu editor de texto vim/neovim, para tornar isso possível, certifique-se de ter o coc.nvim previamente configurado, em seguida adicione este comando ao seu init.vim

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

Atualize suas configurações do vim/neovim com :source % e instale o novo pacote com :PlugInstall

Nota: Este exemplo usa vim-plug como gerenciador de pacotes, sinta-se à vontade para usar algum outro

Empacotador

Para uso com packer a sintaxe é um pouco diferente. Basta adicionar seu init.vim ou init.lua :

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

Ao salvar o arquivo, a atualização será feita ( :w )

Comando de pesquisa

Você pode pesquisar trechos com o comando ES7 snippet search , que pode ser executado com CMD + Shift + P ou apenas usar o atalho de teclado CMD + Shift + R ( CTRL + ALT + R para Windows e Linux).

Aqui está o link direto para o mercado ES7 React/Redux/React-Native/JS Snippets

Trechos