├── .gitignore ├── LICENSE ├── README.md ├── logo.png └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | .vscode 2 | *.vsix 3 | 4 | ### OSX ### 5 | *.DS_Store 6 | .AppleDouble 7 | .LSOverride -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Solodynamo 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 |
3 | Frontend VSCode Extension Pack 4 |
5 |
6 |
7 |

8 | 9 | # Frontend VSCode Extension Pack 10 | 11 | A collection of extensions for Frontend Development in VS Code. 12 | 13 | These are some of my favorite extensions to make frontend development easier and fun. 14 | 15 | ## Links 16 | 17 | * Find this Extension Pack on the [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=solodynamo.frontend-vscode-extensionpack) 18 | * Find this Extension Pack on [GitHub](https://github.com/solodynamo/frontend-vscode-extensionpack) 19 | 20 | 21 | ## Extensions Included 22 | 23 | * [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) 24 | * [Auto Comment Blocks](https://marketplace.visualstudio.com/items?itemName=kevinkyang.auto-comment-blocks) 25 | * [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) 26 | * [Debugger For Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) 27 | * [ES Lint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) 28 | * [TS Lint](https://marketplace.visualstudio.com/items?itemName=eg2.tslint) 29 | * [Flow Language Support](https://marketplace.visualstudio.com/items?itemName=flowtype.flow-for-vscode) 30 | * [NPM Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) 31 | * [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost) 32 | * [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow) 33 | * [Beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify) 34 | * [Intellisense For CSS Class Names](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion) 35 | * [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) 36 | * [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) 37 | * [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) 38 | * [Style Lint](https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint) 39 | * [VS Code Flow IDE](https://marketplace.visualstudio.com/items?itemName=gcazaciuc.vscode-flow-ide) 40 | * [Document This](https://marketplace.visualstudio.com/items?itemName=joelday.docthis) 41 | * [Regex Previewer](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex) 42 | 43 | ## Want to see your extension added? 44 | 45 | Open a PR and I'd be happy to take a look. 46 | -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/solodynamo/frontend-vscode-extensionpack/c22030268941dbdc59493360d867ec8af0376672/logo.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "frontend-vscode-extensionpack", 3 | "publisher": "solodynamo", 4 | "version": "0.0.4", 5 | "description": "Collection of essential vscode extension for front-end development", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/solodynamo/frontend-vscode-extensionpack.git" 9 | }, 10 | "keywords": [ 11 | "frontend", 12 | "vscode", 13 | "extension", 14 | "buildpack" 15 | ], 16 | "displayName": "Frontend VS Code Extension Pack", 17 | "galleryBanner": { 18 | "color": "#4F86C6", 19 | "theme": "dark" 20 | }, 21 | "icon": "logo.png", 22 | "categories": ["Extension Packs"], 23 | "engines": { 24 | "vscode": "^1.14.0" 25 | }, 26 | "extensionDependencies": [ 27 | "formulahendry.auto-close-tag", 28 | "kevinkyang.auto-comment-blocks", 29 | "naumovs.color-highlight", 30 | "msjsdiag.debugger-for-chrome", 31 | "dbaeumer.vscode-eslint", 32 | "flowtype.flow-for-vscode", 33 | "eg2.tslint", 34 | "wix.vscode-import-cost", 35 | "oderwat.indent-rainbow", 36 | "HookyQR.beautify", 37 | "Zignd.html-css-class-completion", 38 | "christian-kohler.npm-intellisense", 39 | "christian-kohler.path-intellisense", 40 | "esbenp.prettier-vscode", 41 | "CoenraadS.bracket-pair-colorizer", 42 | "shinnn.stylelint", 43 | "gcazaciuc.vscode-flow-ide", 44 | "joelday.docthis", 45 | "chrmarti.regex" 46 | ], 47 | "license": "MIT", 48 | "bugs": { 49 | "url": "https://github.com/solodynamo/frontend-vscode-extensionpack/issues" 50 | }, 51 | "homepage": "https://github.com/solodynamo/frontend-vscode-extensionpack#readme" 52 | } 53 | --------------------------------------------------------------------------------