Skip to content

Commit 046370a

Browse files
committed
fix:
1 parent a5117a1 commit 046370a

File tree

1 file changed

+27
-6
lines changed

1 file changed

+27
-6
lines changed

README.md

+27-6
Original file line numberDiff line numberDiff line change
@@ -7,21 +7,42 @@
77
</p>
88

99
## Sobre o projeto
10-
Projeto com um conjunto de Snippets para a criação de componentes e configuração em aplicações React Native.
10+
Projeto com um conjunto de Snippets para a criação de atalhos de componentes e configuração em aplicações ReactJS e React Native.
1111

12-
## Iniciando
12+
## Instalação
1313

14-
-
14+
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**.
15+
16+
![Searching Snippets](https://raw.githubusercontent.com/paesrafael/vscode-snippets-react-native-pointec/master/images/snippets-config-searching-pointec.gif)
17+
18+
![Archive Snippets](https://raw.githubusercontent.com/paesrafael/vscode-snippets-react-native-pointec/master/images/snippets-config-archive-pointec.gif)
1519

1620
### Pré-requisitos
1721

1822
- Visual Studio Code
1923

20-
### Instalação
24+
### Linguagens suportadas
25+
26+
- JavaScript (.js)
27+
28+
# Snippets
29+
30+
Segue a lista com todos os Snippets disponíveis e os seus gatilhos. O **** significa a tecla `TAB`.
31+
32+
| Gatilho | Conteúdo |
33+
| ----------------------: | ----------------------------------------------------------------------------- |
34+
| `rnfc →` | Cria um Componente **Functional** |
35+
| `stcomp →` | Cria um arquivo de Estilização com **Styled Components** |
36+
37+
# Como usar
38+
39+
Com os Snippets configurado no seu VSCode, utilize os gatilhos conforme exemplos:
40+
41+
![Create React Native Component](https://raw.githubusercontent.com/paesrafael/vscode-snippets-react-native-pointec/master/images/snippets-rnfc-pointec.gif)
2142

22-
-
43+
![Create React Native Styled Components](https://raw.githubusercontent.com/paesrafael/vscode-snippets-react-native-pointec/master/images/snippets-stcomp-pointec.gif)
2344

24-
## Contribuição
45+
# Contribuição
2546

2647
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**.
2748

0 commit comments

Comments
 (0)