Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Purrweb Extension PackNew to Visual Studio Code? Get it now.
Purrweb Extension Pack

Purrweb Extension Pack

supostat

|
864 installs
| (1) | Free
Purrweb VS Code extensions for JS development.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Purrweb Extension Pack

Extensions Included

  • Atom One Dark Theme
  • Auto Close Tag
  • Auto Rename Tag
  • Bracket Pair Colorizer 2
  • Code Spell Checker
  • Docker
  • DotENV
  • ES7 React/Redux/GraphQL/React-Native snippets
  • ESLint
  • Git History
  • GitLens — Git supercharged
  • Markdown Preview Enhanced
  • Ruby
  • TODO Highlight
  • VS Live Share
  • file-icons
  • Path Intellisense
  • npm Intellisense
  • Babel JavaScript
  • SVG Viewer
  • Image preview
  • open in browser

Further steps

Install Fira Code font

Download v1.206 · How to install · Troubleshooting · News & updates

Fira Code is an extension of the Fira Mono font containing a set of ligatures for common programming multi-character combinations. This is just a font rendering feature: underlying code remains ASCII-compatible. This helps to read and understand code faster. For some frequent sequences like .. or //, ligatures allow us to correct spacing.

Code examples

Ruby: JavaScript:

VSCode user config

{
    "editor.fontSize": 16,
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "editor.fontWeight": "500",
    "javascript.validate.enable": false,
    "eslint.autoFixOnSave": true,
    "eslint.alwaysShowStatus": true,
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "files.trimTrailingWhitespace": true,
    "terminal.integrated.fontFamily": "Fira Code",
    "terminal.integrated.fontSize": 14,
    "editor.tabSize": 2,
    "editor.renderWhitespace": "all",
    "git.autofetch": true,
    "window.zoomLevel": 0,
    "npm.enableScriptExplorer": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "javascript.updateImportsOnFileMove.enabled": "never",
    "workbench.startupEditor": "newUntitledFile",
    "workbench.iconTheme": "file-icons",
    "workbench.colorTheme": "Atom One Dark"
}
  • TODO

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft