|
7 | 7 |
|
8 | 8 | This extension provides you JavaScript and React/Redux snippets in ES7 with Babel plugin features for [VS Code](https://code.visualstudio.com/) |
9 | 9 |
|
| 10 | +## Installation |
| 11 | + |
| 12 | +##### Visual Studio Marketplace |
| 13 | + |
| 14 | +Launch _Quick Open_: |
| 15 | + |
| 16 | +- <img src="https://www.kernel.org/theme/images/logos/favicon.png" width=16 height=16/> <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf">Linux</a> `Ctrl+P` |
| 17 | +- <img src="https://developer.apple.com/favicon.ico" width=16 height=16/> <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf">macOS</a> `⌘P` |
| 18 | +- <img src="https://www.microsoft.com/favicon.ico" width=16 height=16/> <a href="https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf">Windows</a> `Ctrl+P` |
| 19 | + |
| 20 | +Paste the following command and press `Enter`: |
| 21 | + |
| 22 | +```shell |
| 23 | +ext install dsznajder.es7-react-js-snippets |
| 24 | +``` |
| 25 | + |
| 26 | +##### GitHub Repository Clone |
| 27 | + |
| 28 | +Change to your `.vscode/extensions` [VS Code extensions directory](https://code.visualstudio.com/docs/extensions/install-extension#_side-loading). |
| 29 | +Depending on your platform it is located in the following folders: |
| 30 | + |
| 31 | +- <img src="https://www.kernel.org/theme/images/logos/favicon.png" width=16 height=16/> **Linux** `~/.vscode/extensions` |
| 32 | +- <img src="https://developer.apple.com/favicon.ico" width=16 height=16/> **macOs** `~/.vscode/extensions` |
| 33 | +- <img src="https://www.microsoft.com/favicon.ico" width=16 height=16/> **Windows** `%USERPROFILE%\.vscode\extensions` |
| 34 | + |
| 35 | +Clone the Material Theme repository as `dsznajder.es7-react-js-snippets`: |
| 36 | + |
| 37 | +```shell |
| 38 | +git clone https://github.com/dsznajder/vscode-es7-javascript-react-snippets.git dsznajder.es7-react-js-snippets |
| 39 | +``` |
| 40 | + |
| 41 | +##### Conquer of Completion |
| 42 | + |
| 43 | +It is possible to use this package in your vim/neovim text editor, to make this possible, make sure you have the `coc.nvim` previously configured, then add this command to your `init.vim` |
| 44 | + |
| 45 | +``` |
| 46 | +Plug 'dsznajder/vscode-es7-javascript-react-snippets', { |
| 47 | + \ 'do': 'yarn install --frozen-lockfile && yarn compile' } |
| 48 | +``` |
| 49 | + |
| 50 | +Update your vim / neovim settings with `:source %` and then install the new package with `:PlugInstall` |
| 51 | + |
| 52 | +Note: This example uses `vim-plug` as a package manager, feel free to use some other |
| 53 | + |
10 | 54 | ## Search command |
11 | 55 |
|
12 | 56 | You can search through snippets with `ES7 snippet search` command which can be run with `CMD + Shift + P` or just use `CMD + Shift + R` (`CTRL + ALT + R` for Windows & Linux) keybinding. |
|
0 commit comments