├── 1-ext.png
├── 2-ext.png
├── 3-dotenv-ext.png
├── javascript-course-setup.md
├── readme.md
└── settings.json


/1-ext.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/john-smilga/VS-CODE-SETUP/720f8362304f6f3f5741a4e5179daf8391f09a43/1-ext.png


--------------------------------------------------------------------------------
/2-ext.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/john-smilga/VS-CODE-SETUP/720f8362304f6f3f5741a4e5179daf8391f09a43/2-ext.png


--------------------------------------------------------------------------------
/3-dotenv-ext.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/john-smilga/VS-CODE-SETUP/720f8362304f6f3f5741a4e5179daf8391f09a43/3-dotenv-ext.png


--------------------------------------------------------------------------------
/javascript-course-setup.md:
--------------------------------------------------------------------------------
 1 | ## Javascript Course Main Extensions
 2 | 
 3 | #### _Live Server_
 4 | 
 5 | Launch a development local Server with live reload feature for static & dynamic pages
 6 | 
 7 | #### _Preview on Web Server_
 8 | 
 9 | Preview Web Page on Web Server.
10 | 
11 | #### _Prettier - Code formatter_
12 | 
13 | VS Code plugin for prettier/prettier
14 | 
15 | ```javascript
16 | "editor.formatOnPaste": true,
17 | "editor.formatOnSave": true,
18 | 
19 | "prettier.semi": false,
20 | "prettier.singleQuote": true
21 | ```
22 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # VS CODE SETUP
 2 | 
 3 | ## EXTENSIONS
 4 | 
 5 | ![alt text](./1-ext.png)
 6 | 
 7 | #### _Auto Rename Tag_
 8 | 
 9 | Auto rename paired HTML/XML tag
10 | 
11 | #### _Bracket Pair Colorizer_
12 | 
13 | A customizable extension for colorizing matching brackets
14 | 
15 | #### _ES7 React/Redux/GraphQL/React-Native snippets_
16 | 
17 | Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax
18 | 
19 | ```javascript
20 | "emmet.includeLanguages": {
21 |     "javascript": "javascriptreact"
22 |   },
23 | ```
24 | 
25 | #### _indent-rainbow_
26 | 
27 | Makes indentation easier to read
28 | 
29 | #### _Live Server_
30 | 
31 | Launch a development local Server with live reload feature for static & dynamic pages
32 | 
33 | #### _MDX_
34 | 
35 | Provides syntax highlighting and bracket matching for MDX (JSX in Markdown) files.
36 | 
37 | ![alt text](./2-ext.png)
38 | 
39 | #### _Prettier - Code formatter_
40 | 
41 | VS Code plugin for prettier/prettier
42 | 
43 | ```javascript
44 | "editor.formatOnPaste": true,
45 |   "editor.formatOnSave": true,
46 | ```
47 | 
48 | #### _Preview on Web Server_
49 | 
50 | Preview Web Page on Web Server.
51 | 
52 | #### _Quokka.js_
53 | 
54 | Live Scratchpad for JavaScript.
55 | 
56 | #### _Svelte_
57 | 
58 | Svelte language support for VS Code
59 | 
60 | #### _Svelte 3 Snippets_
61 | 
62 | Svelte 3 Snippets for VS Code
63 | 
64 | #### _Svelte Intellisense_
65 | 
66 | Provides intellisense for data, events, slots etc. in components.
67 | 
68 | #### _vscode-styled-components_
69 | 
70 | Syntax highlighting for styled-components
71 | 
72 | #### DotENV
73 | 
74 | Support for dotenv file syntax
75 | 
76 | ![alt text](./3-dotenv-ext.png)
77 | 


--------------------------------------------------------------------------------
/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "editor.fontSize": 26,
 3 |   "files.autoSave": "off",
 4 |   "editor.tabSize": 1,
 5 |   "editor.wordWrap": "on",
 6 |   "terminal.integrated.fontSize": 26,
 7 |   "emmet.includeLanguages": {
 8 |     "javascript": "javascriptreact"
 9 |   },
10 |   "editor.minimap.enabled": false,
11 |   "prettier.jsxSingleQuote": true,
12 |   "prettier.semi": false,
13 |   "prettier.singleQuote": true,
14 |   "javascript.updateImportsOnFileMove.enabled": "always",
15 |   "editor.formatOnPaste": true,
16 |   "editor.formatOnSave": true,
17 |   "editor.defaultFormatter": "esbenp.prettier-vscode",
18 |   "[javascript]": {
19 |     "editor.defaultFormatter": "esbenp.prettier-vscode"
20 |   },
21 |   "editor.cursorBlinking": "expand",
22 |   "window.zoomLevel": 2
23 | }
24 | 


--------------------------------------------------------------------------------