diff --git a/README.md b/README.md index 17924e2..33b0998 100644 --- a/README.md +++ b/README.md @@ -7,21 +7,42 @@

## Sobre o projeto -Projeto com um conjunto de Snippets para a criação de componentes e configuração em aplicações React Native. +Projeto com um conjunto de Snippets para a criação de atalhos de componentes e configuração em aplicações ReactJS e React Native. -## Iniciando +## Instalação -- +Para configurar os Snippets, você precisa procurar seu arquivo de **Snippets** através do comando `Ctrl + Shift + P` ou `Cmd + Shift + P` , digitar `Snippet` e escolher a opção `Configure User Snippets`. Feito isso edite seu arquivo ou crie um novo (global), cole o conteúdo do arquivo `snippets.json`, salve e pronto você poderá utilizar os **snippets**. + +![Searching Snippets](https://raw.githubusercontent.com/paesrafael/vscode-snippets-react-native-pointec/master/images/snippets-config-searching-pointec.gif) + +![Archive Snippets](https://raw.githubusercontent.com/paesrafael/vscode-snippets-react-native-pointec/master/images/snippets-config-archive-pointec.gif) ### Pré-requisitos - Visual Studio Code -### Instalação +### Linguagens suportadas + +- JavaScript (.js) + +# Snippets + +Segue a lista com todos os Snippets disponíveis e os seus gatilhos. O **⇥** significa a tecla `TAB`. + +| Gatilho | Conteúdo | +| ----------------------: | ----------------------------------------------------------------------------- | +| `rnfc →` | Cria um Componente **Functional** | +| `stcomp →` | Cria um arquivo de Estilização com **Styled Components** | + +# Como usar + +Com os Snippets configurado no seu VSCode, utilize os gatilhos conforme exemplos: + +![Create React Native Component](https://raw.githubusercontent.com/paesrafael/vscode-snippets-react-native-pointec/master/images/snippets-rnfc-pointec.gif) -- +![Create React Native Styled Components](https://raw.githubusercontent.com/paesrafael/vscode-snippets-react-native-pointec/master/images/snippets-stcomp-pointec.gif) -## Contribuição +# Contribuição Se quiser você pode contribuir com o projeto. Contribuições são o que fazem a comunidade open source um lugar incrível. Qualquer contribuição que você fizer será **muito bem vinda**.