JavaScript VSCode

Open-source JavaScript projects categorized as VSCode

Top 23 JavaScript VSCode Projects

  • Monaco Editor

    A browser based code editor

    Project mention: Fastly fiddle turns 5 with a bunch of new features | dev.to | 2022-11-16

    Fiddle is a ReactJS application, and uses the excellent Monaco IDE as the code editor, but this makes it pretty heavy. When we first shipped embedded fiddles, the IFRAME in which the fiddle rendered would load not just React but the whole Monaco IDE (around 2MB of JavaScript!), which would then be set to read-only, resulting in the world's most bloated code highlighting library 🤦. Not great when there's a fiddle sitting right in the middle of the developer hub homepage:

  • awesome-vscode

    🎨 A curated list of delightful VS Code packages and resources.

    Project mention: Switching from Emacs to VSCode - post from Lex | reddit.com/r/lexfridman | 2022-11-18

    awesome-vscode - A curated list of delightful Visual Studio Code packages and resources. 😎

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • git-history

    Quickly browse the history of a file from any git repository

    Project mention: Want to create attractive, interactive docs? Use these amazing documentation tools and examples | dev.to | 2022-12-02

    Rodrigo Pombo is the creator of Code Hike. He has been making tools to make code and technical data more comprehensible for some time. Previously, he applied a similar technique to make your git history easier to navigate and comprehend with git-history.

  • polacode

    📸 Polaroid for your code

  • themer

    🎨 themer takes a set of colors and generates themes for your apps (editors, terminals, wallpapers, and more).

    Project mention: Dracula Theme: a dark theme for 227 different apps | news.ycombinator.com | 2021-12-08

    It doesn't support nearly as many programs as dracula theme does but I'd recommend giving https://themer.dev/ a try. Supports all the popular terminals, IDEs and then some.

  • vscode-rainbow-fart

    一个在你编程时疯狂称赞你的 VSCode 扩展插件 | An VSCode extension that keeps giving you compliment while you are coding, it will checks the keywords of code to play suitable sounds.

    Project mention: Just found this cool extension | reddit.com/r/vscode | 2022-09-04
  • monaco-react

    Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

  • github-vscode-theme

    GitHub's VS Code themes

    Project mention: Does anyone know what theme this is? It's from a video and im sure its on VSCode but don't know the name and could not find it. | reddit.com/r/vscode | 2022-11-29

    Github dark theme. https://github.com/primer/github-vscode-theme

  • vscode-file-nesting-config

    Config of File Nesting for VS Code

    Project mention: Add virtual folders like file nesting? | reddit.com/r/vscode | 2022-08-12

    I think https://github.com/antfu/vscode-file-nesting-config covers you, and it has a extension which keeps it up to date.

  • import-cost

    displays the import size of the package you are importing inside the code editor

  • generator-rn-toolbox

    The React Native Generator to bootstrap your apps

  • snipsnap

    Speed up your development with a powerful set of tools

  • nord-visual-studio-code

    An arctic, north-bluish clean and elegant Visual Studio Code theme.

    Project mention: KDE/Plasma Nordish | reddit.com/r/linux | 2022-09-04

    VS Code - Nord

  • platformio-vscode-ide

    PlatformIO IDE for VSCode: The next generation integrated development environment for IoT

    Project mention: VSCodium – Free/Libre Open Source Software Binaries of VS Code | news.ycombinator.com | 2022-06-02

    There is a workaround for PlatformIO that I use to get it to work in VSCodium: https://github.com/platformio/platformio-vscode-ide/issues/1...

  • vscode-styled-components

    Syntax highlighting for styled-components

    Project mention: Is this a known bug with VSCode? Autocomplete puts the cursor in the incorrect spot. | reddit.com/r/vscode | 2022-04-16

    It looks like you’re using the Styled Components extension? Make sure you’re on the latest, this was fixed a while back https://github.com/styled-components/vscode-styled-components/issues/360 Also make sure you’re using this one https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components

  • vscode-markdown-pdf

    Markdown converter for Visual Studio Code

    Project mention: Convert Markdown format files to PDF files (mermaid/emoji/toc compatible) | dev.to | 2022-09-01

    It can be easily solved by using the vscode extension vscode-markdown-pdf, but vscode is required, so people Depending on it, you will need to install vscode.

  • vscode-textmate

    A library that helps tokenize text using Text Mate grammars.

  • vscode

    Soho vibes for VSCode (by rose-pine)

    Project mention: Solarized | news.ycombinator.com | 2022-10-30
  • alias-hq

    The end-to-end solution for configuring, refactoring, maintaining and using path aliases

    Project mention: Path Aliases in TypeScript and why you should use them | dev.to | 2022-09-03

    You could make it work by yourself, but… instead of spending some time figuring out how to do it (feel free to do it if you want or have time for that), I recommend you to check this amazing package (Alias HQ) which is free and basically uses your tsconfig.json or jsconfig.json file to setup everything for you and make really easy to configure all those more advanced needs.

  • electron-react-typescript-webpack-boilerplate

    Pre-configured boilerplate for Electron + React + TypeScript + Webpack

    Project mention: Sharing a boilerplate I made. Hope it helps some of you start your next Electron project in no time | reddit.com/r/electronjs | 2022-07-23
  • NiM

    Streamline Your Node.js Debugging Workflow with Chromium (Chrome, Edge, More) DevTools. (by june07)

  • monacode

    An es-module wrapper around the monaco editor and prettier

  • ssvm-nodejs-starter

    A template project to run Rust functions in Node.js through the Second State WebAssembly engine.

  • Zigi

    Close all those tabs. Zigi will handle your updates.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-12-02.

JavaScript VSCode related posts

Index

What are some of the best open-source VSCode projects in JavaScript? This list will help you:

Project Stars
1 Monaco Editor 32,063
2 awesome-vscode 21,481
3 git-history 13,139
4 polacode 6,703
5 themer 4,950
6 vscode-rainbow-fart 4,729
7 monaco-react 2,168
8 github-vscode-theme 1,670
9 vscode-file-nesting-config 1,550
10 import-cost 1,225
11 generator-rn-toolbox 1,191
12 snipsnap 1,043
13 nord-visual-studio-code 972
14 platformio-vscode-ide 947
15 vscode-styled-components 853
16 vscode-markdown-pdf 754
17 vscode-textmate 420
18 vscode 311
19 alias-hq 275
20 electron-react-typescript-webpack-boilerplate 218
21 NiM 187
22 monacode 155
23 ssvm-nodejs-starter 145
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com