A great set of VS Code extensions to for a productive web development experience.
- Tabnine Autocomplete AI : JavaScript, Python, Java, Typescript & all other languages - AI Code completion plugin. Tabnine makes developers more productive by auto-completing their code.
- Path Intellisense : Visual Studio Code plugin that autocompletes filenames.
- Auto Import - ES6, TS, JSX, TSX : Automatically finds, parses and provides code actions and code completion for all available imports. Works with JavaScript and TypeScript. [Forked]
- Auto Close Tag : Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text.
- Auto Rename Tag : Auto rename paired HTML/XML tag.
- Better Comments : Improve your code commenting by annotating with alert, informational, TODOs, and more!
- Bookmarks : Mark lines and jump to them.
- Bracket Pair Colorizer : A customizable extension for colorizing matching brackets.
- GitLens โ Git supercharged : Supercharge the Git capabilities built into Visual Studio Code โ Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
- ES7 React/Redux/GraphQL/React-Native snippets : Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax.
- Prettier - Code formatter : Code formatter using prettier.
- Live Sass Compiler : Compile Sass or Scss to CSS at realtime with live browser reload.
- Live Server : Launch a development local Server with live reload feature for static & dynamic pages.
- Color Highlight : Highlight web colors in your editor.
- Code Spell Checker : Spelling checker for source code.
If you would like to contribute to this extension
- Clone the repo:
git clone https://github.com/danju4rizzl/vscode-ultimate-web-development-pack.git
or
-
Using GitHub CLI
gh repo clone danju4rizzl/vscode-ultimate-web-development-pack
-
Add an extension to the
package.json
add or remove your extension -
Submit a Pull request