VS Code

The Visual Studio Code extension named “CodeSwing” just blew my socks off. CodeSwing is an interactive coding playground for VS Code, that allows you to build/explore/learn rich web applications (“swings”). It’s like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but in Visual Studio Code! Using the Command Palette you can create … Continue reading "CodeSwing — Interactive Coding Playground (like CodePen, JSFiddle, etc.) Extension for Visual Studio Code"

Extension for Visual Studio Code - Visualize your markdown in VSCode

Previously, I discussed how you may not need an extension for prettily formatting your code. You can use the built-in formatters for a number of languages. However, this came with some caveats. Now, it is even easier!

Because I needed to replace text on either side of the number, a simple find-and-replace term wasn't going to work. I needed regex.

Tips, tricks and tutorials on the web’s most beautiful language.

Emmet is a powerful extension in Visual Studio Code. If you are developing a website or working with...

Live server is a highly used and useful extension for VS code. If you use it together with https://aka.ms/devtools-for-code you don't even need to leave the ...

VS CODE extensions will make your coding journey easier. ✨VS code extensions are the add-ons that allow you to add, customize and increase your work experience in VS Code by adding new features. Table of Contents Auto Rename Tag Quokka.js Bookmarks ...

VS Code Timeline can take snapshots of different save points of a file. This can help you save lost work that Git may not be able to.

VSCheatsheet provides a list of instructive illustrations with the most frequently used. Find your favorite shortcut and increase your profanity.

I used to think GitHub Codespaces would help popularise Gitpod but now realize it is the other way around. Gitpod is currently permitted to exist in the Visual Studio Code ecosystem to popularise GitHub Codespaces, and Microsoft can step in at any moment to create legal crises that strategically divide the market from a business perspective because, like Apple and their AppStore: it is their ecosystem that they control and they are in absolute control.

Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. With auto log messages, auto code formatting, file utils, file labels, code snippets, highlight brackets, tags, indents and workspaces, onboarding and remote SSH.

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

Extension for Visual Studio Code - SVG Coding, Minify, Pretty, Preview All-In-One

Extension for Visual Studio Code - Tasks management for npm, vscode, yarn, ant, gradle, grunt, gulp, batch, bash,php composer, make, maven, python, perl, powershell, ruby, pipenv, nsis. Supports external task providers via API.

An extension to handle all your Node.js dependencies in VS Code.

Learn how to use CodeSwing and `github.dev` to run and provide a CodePen-like coding environment online.

Extension for Visual Studio Code - Interactive coding playground for building web applications (aka swings).

If you've spent any time tooling around with frontend snippets, animations or buttons, you have likely heard about CodePen.. what of CodeSwing?

The Visual Studio Code extension named “CodeSwing” just blew my socks off. CodeSwing is an interactive coding playground for VS Code, that allows you to build/explore/learn rich web applications (“swings”). It’s like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but in Visual Studio Code! Using the Command Palette you can create … Continue reading "CodeSwing — Interactive Coding Playground (like CodePen, JSFiddle, etc.) Extension for Visual Studio Code"

Simple 11ty tool to generate vscode snippets from nunjucks template files - 25thhour/11ty-vscode-snippet-generator: Simple 11ty tool to generate vscode snippets from nunjucks template files

Join the Visual Studio Code team and community at a live event just for VS Code users. Get a glimpse of things to come and meet the team who works on VS Code...

Why I'm ditching my favorite notetaking app to get organized, write everything down, and build a second brain.

Preview VSCode themes from the Visual Studio Marketplace. Browse by trending, dark, or light themes.

VSCode is a really great Code Editor rather say nearly an IDE or better than that. But this costs a...

In this article, Manuel explains why Emmet is one of his favorite productivity tools for writing HTML and CSS, and how you can create custom Emmet snippets in Visual Studio Code to help you improve your front-end workflows even more.

VS Code Theme Studio is the easiest way to create a theme for VS Code. It's a browser-based theme editor for Visual Studio Code Themes. You can easily design beautiful, polished themes, and deploy them to the VS Code Marketplace.