├── .gitignore ├── CHANGELOG.md ├── README.md ├── images └── icon.png ├── package.json └── vsc-extension-quickstart.md /.gitignore: -------------------------------------------------------------------------------- 1 | *.vsix -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | All notable changes to the "web-development-essentials-extension-pack" extension pack will be documented in this file. 3 | 4 | Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file. 5 | 6 | ## [Unreleased] 7 | - Initial release 8 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Web Development Essentials Extension Pack 2 | 3 | This an extension pack for Visual Studio Code with extensions that are extremely helpful for Web Developers! 4 | 5 | > Check out [Learn Visual Studio Code](https://www.udemy.com/learn-visual-studio-code/?couponCode=LEARNVSCODE10) to learn everything you need to know about about the hottest editor in Web Development! 6 | 7 | ## Debugger for chrome 8 | 9 | [https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) 10 | 11 | ## Javascript (ES6) Code Snippets 12 | 13 | [https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets) 14 | 15 | ## ESLint 16 | 17 | [https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) 18 | 19 | ## Live server 20 | 21 | [https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) 22 | 23 | ## Bracket Pair Colorizor 24 | 25 | [https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) 26 | 27 | ## Auto Rename Tag 28 | 29 | [https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) 30 | 31 | ## Quokka 32 | 33 | [https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode) 34 | 35 | ## Path Intellisense 36 | 37 | [https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) 38 | 39 | ## Project Manager 40 | 41 | [https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager) 42 | 43 | ## Editor Config 44 | 45 | [https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) 46 | 47 | ## Browser Preview 48 | 49 | [https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview](https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview) 50 | 51 | ## Git Lens 52 | 53 | [https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) 54 | 55 | ## Polacode 56 | 57 | [https://marketplace.visualstudio.com/items?itemName=pnp.polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode) 58 | 59 | ## Prettier 60 | 61 | [https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) 62 | 63 | ## Better Comments 64 | 65 | [https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) 66 | 67 | ## Git Link 68 | 69 | [https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink](https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink) 70 | 71 | ## VS Code Icons 72 | 73 | [https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) 74 | 75 | ## Material Icon Theme 76 | 77 | [https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) 78 | 79 | ## Settings Sync 80 | 81 | [https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) 82 | 83 | ## Better Align 84 | 85 | [https://marketplace.visualstudio.com/items?itemName=wwm.better-align](https://marketplace.visualstudio.com/items?itemName=wwm.better-align) 86 | -------------------------------------------------------------------------------- /images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamesqquick/Web-Development-Essentials-Extension-Pack/2acd3613b285f02b41cf602f64d876f2d17216c2/images/icon.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "web-development-essentials-extension-pack", 3 | "displayName": "Web Development Essentials Extension Pack", 4 | "description": "This an extension pack for Visual Studio Code with extensions that are extremely helpful for Web Developers!", 5 | "version": "1.0.6", 6 | "publisher": "jamesqquick", 7 | "engines": { 8 | "vscode": "^1.30.0" 9 | }, 10 | "categories": [ 11 | "Extension Packs" 12 | ], 13 | "icon": "images/icon.png", 14 | "repository": { 15 | "type": "git", 16 | "url": "https://github.com/jamesqquick/Web-Development-Essentials-Extension-Pack" 17 | }, 18 | "extensionDependencies": [ 19 | "msjsdiag.debugger-for-chrome", 20 | "xabikos.JavaScriptSnippets", 21 | "dbaeumer.vscode-eslint", 22 | "ritwickdey.LiveServer", 23 | "CoenraadS.bracket-pair-colorizer", 24 | "formulahendry.auto-rename-tag", 25 | "WallabyJs.quokka-vscode", 26 | "christian-kohler.path-intellisense", 27 | "alefragnani.project-manager", 28 | "EditorConfig.EditorConfig", 29 | "auchenberg.vscode-browser-preview", 30 | "eamodio.gitlens", 31 | "pnp.polacode", 32 | "esbenp.prettier-vscode", 33 | "aaron-bond.better-comments", 34 | "qezhu.gitlink", 35 | "vscode-icons-team.vscode-icons", 36 | "PKief.material-icon-theme", 37 | "Shan.code-settings-sync" 38 | ] 39 | } 40 | -------------------------------------------------------------------------------- /vsc-extension-quickstart.md: -------------------------------------------------------------------------------- 1 | # Welcome to your VS Code Extension Pack 2 | 3 | ## What's in the folder 4 | * This folder contains all of the files necessary for your extension pack. 5 | * `package.json` - this is the manifest file that defines the list of extensions of the extension pack. 6 | 7 | ## Get up and running straight away 8 | * Press `F5` to open a new window with your extension loaded. 9 | * Open `Extensions Viewlet` and check your extensions are installed. 10 | 11 | ## Make changes 12 | * You can relaunch the extension from the debug toolbar after making changes to the files listed above. 13 | * You can also reload (`Ctrl+R` or `Cmd+R` on Mac) the VS Code window with your extension to load your changes. 14 | 15 | ## Install your extension 16 | * To start using your extension with Visual Studio Code copy it into the `/.vscode/extensions` folder and restart Code. 17 | * To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension. 18 | --------------------------------------------------------------------------------