Web Extension Pack

This is a collection of extensions I use when developing Web applications. I would be glad if you are interested in this pack and just give a try! 👍

❗️❗️❗️ before installation I suggest you read lines with ⚠️ tags first, where some requirements are mentioned.

1. My tricks
2. This pack includes
3. Contribute

My tricks

Here are some tricks!😄

VSCode sometimes stucks when too many extensions are installed? Here are two tricks:

1. Open the Command Palette (Ctrl+Shift+P) and select Developer: Open Process Explorer to see which extensions cost most. Then disable (just workspace) some extensions you don't need in current workspace.
2. thinks disable extensions one by one too annoying? you can disable a group of extensions by simply disable a extension pack! ✌️ Another good news is that you can uninstall any extension included in the pack while this extension pack is still there🎊
3. want to make your own extension pack? This may helps you👍

This pack includes

• Browser Preview A real browser preview inside your editor that you can debug

• open-in-browser open html file in browser with a single click.

• Beautify Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.

• Remote Workspace allow editing remote workspace just like local ones.

  ⚠️ you have to do the keybindings by yourself

• HTML/CSS

  • Auto Close Tag
  • Auto Rename Tag
  • HTML CSS Support

• Javascript

  • ESLint

• Stylus

  • language-stylus Stylus language support.

• Django provides common snippets and django template language support

• Color

  • Color Highlight

  • Color Picker

    ⚠️ Color Picker requires Node.js (including NPM) installed and available in your $PATH and you need to install some npm modules before first launch. I suggest do this the manual way as you can see clearly whether the installation is finished.

    ❌ After installation I met a issue that the palette is invisible, it can be easily fixed by setting coloHelper.disableGpu to 1.

• SVG

  • SVG SVG language support.

  • SVG Editor

    ⚠️ please notice that the language support is needed or there will be something wrong

  • Rainbow CSV

Contribute

If you find a extension really useful when developing python code and want to improve this extension, feel free to raise a issue. But please notice that issues using the extensions included in this pack will not be accepted in this extension pack's repository😅.

Enjoy!