|
1 | 1 | # CODESTUDIO
|
2 | 2 |
|
3 |
| -**Favorite VSCODE extension for UI/UX development** (frontend). I have been able to comfortably run these on a `surfacebook pro i5 8gb of ram 256gb hd`, lets say I like living on the edge. I would recommend that you go with something more powerful. |
| 3 | +**A VSCODE extension-pack for UI/UX Frontend development**. I have been able to comfortably run (39+) extensions on a `surfacebook pro i5 8gb of ram 256gb hd`, lets say I like pushing it. If you are multitasking or run a lot of memory hungry apps (Chrome...), I would recommend that you go with something a bit more powerful. |
| 4 | + |
| 5 | +### Install/Usage |
| 6 | + |
| 7 | +- **VSCode market place** https://marketplace.visualstudio.com/items?itemName=shawnsandy.codestudio |
| 8 | +- Or go to your extensions panel `View > Extensions` and type `codestudio` in search box to find the extension than click install. |
| 9 | + |
| 10 | +**Tip** |
| 11 | + |
| 12 | +You can optimize VSC performance by tweaking some of VSC settings, here's an example one of my custom project settings `./vscode/settings.json`. |
| 13 | + |
| 14 | +``` json |
| 15 | +{ |
| 16 | + "files.associations": { |
| 17 | + "*.tag": "html", |
| 18 | + "*.cshtml": "html", |
| 19 | + "*.html": "html", |
| 20 | + "*.njk": "html", |
| 21 | + "*.mustache": "html", |
| 22 | + "*.html.md": "html" |
| 23 | + }, |
| 24 | + "files.exclude": { |
| 25 | + "**/.git": true, |
| 26 | + "**/.DS_Store": true, |
| 27 | + "**/.vscode": true, |
| 28 | + "**/__pycache__": true, |
| 29 | + "**/.pytest_cache": true, |
| 30 | + "**/node_modules": true, |
| 31 | + "node_modules": true, |
| 32 | + "venv": true, |
| 33 | + "*.sublime-*": true, |
| 34 | + "env*": true |
| 35 | + }, |
| 36 | + "search.exclude": { |
| 37 | + "**/node_modules": true, |
| 38 | + "**/bower_components": true, |
| 39 | + "**/env": true, |
| 40 | + "**/venv": true |
| 41 | + }, |
| 42 | + "files.watcherExclude": { |
| 43 | + "**/.git/objects/**": true, |
| 44 | + "**/.git/subtree-cache/**": true, |
| 45 | + "**/node_modules/**": true, |
| 46 | + "**/env/**": true, |
| 47 | + "**/venv/**": true, |
| 48 | + "env-*": true |
| 49 | + }, |
| 50 | + "files.autoSave": "onFocusChange", |
| 51 | + "files.trimTrailingWhitespace": true, |
| 52 | + "files.insertFinalNewline": true, |
| 53 | + "editor.cursorBlinking": "phase", |
| 54 | + "window.title": "${dirty} ${activeEditorMedium}${separator}${rootName}", |
| 55 | + "editor.formatOnSave": true, |
| 56 | + "breadcrumbs.enabled": true, |
| 57 | + "editor.minimap.renderCharacters": false, |
| 58 | + "editor.minimap.maxColumn": 200, |
| 59 | + "editor.minimap.showSlider": "always" |
| 60 | +} |
| 61 | + |
| 62 | + |
| 63 | +``` |
4 | 64 |
|
5 | 65 | ## Extensions Included
|
6 | 66 |
|
|
18 | 78 |
|
19 | 79 | **Debugger for Chrome**
|
20 | 80 |
|
21 |
| -Id: msjsdiag.debugger-for-chrome |
22 | 81 | Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.
|
23 | 82 | https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
|
24 | 83 | ___
|
@@ -218,11 +277,11 @@ If you would like to contribute to this extension
|
218 | 277 | - Clone the repo `git clone https://github.com/shawn-sandy/codestudio`
|
219 | 278 | - Add an extension to the `package.json` fix a bug/typo etc
|
220 | 279 | - Submit a Pull request
|
221 |
| -- I will approve or regect |
| 280 | +- I will approve or reject accordingly |
222 | 281 |
|
223 |
| -**Issues** |
| 282 | +###Issues |
224 | 283 |
|
225 |
| -I you find any errors, bugs, typos, would like to recommend an extension, etc. Please open and issue here https://github.com/shawn-sandy/codestudio/issues |
| 284 | +I you find any errors, bugs, typos, would like to recommend an extension, etc. Please open an issue here https://github.com/shawn-sandy/codestudio/issues |
226 | 285 |
|
227 | 286 | ### License
|
228 | 287 |
|
|
0 commit comments