Visual Studio Code
- VSCode
- Updates
- Keyboard shortcuts
- Visual Studio MarketPlace and Extensions
- Integrated Terminal on Visual Studio Code
- Debugging in VScode
- Python in Visual Studio Code
- Go in Visual Studio Code
- Bridge to Kubernetes
- AWS Toolkits
- Cloud Code
- Alternatives
- Youtube Shorts
- Videos
- Tweets
VSCode
- code.visualstudio.com: Visual Studio Code
- vscode.github.com: GitHub and Visual Studio Code 🌟 Bring your workflows closer to your code. Learn how Visual Studio Code and GitHub are better together.
- Visual Studio Online
- Awesome Visual Studio Code
- Using Version Control in VS Code
- deepu.js.org: My VS Code setup - Making the most out of VS Code
- VScode run from WSL in Linux: Cannot activate the ‘Atlassian for VSCode (Official)’ extension because ‘git’ extension is not loaded
- kite: Code Faster with AI Autocomplete
- With the Edge (Chromium) Tools for VS Code you can see the browser’s Inspector and Dev Tools within VSCode, to debug your front-end code
- docker.com: How to Develop Inside a Container Using Visual Studio Code Remote Containers 🌟
- devblogs.microsoft.com: Need an Intro to VS Code? Let Tech with Tim Help!
- A multi-step tutorial that covers the basics of working with Docker with Visual Studio Code and deploy on Azure
- thenewstack.io: This Week in Programming: All Hail Visual Studio Code
- blogs.windows.com: Bringing the browser developer tools to Visual Studio Code
- visualstudiomagazine.com: Code with Fire! Top VS Code Tips
- 39digits.com: How to sign your commits to GitHub using Visual Studio Code on Windows 10 and WSL2 🌟
- jung-christian.de: Ansible support in Visual Studio Code 🌟
- youtube: Source Control Tip 9: Dealing with Merge Conflicts in VS Code
- dev.to: Video: Visualize the architecture of your Java app, in VS Code, in 2 ¹/₂ minutes
- serverless-stack.com: How to debug Lambda functions with Visual Studio Code
- github.blog: VS Code: Now creating pull requests 🌟 Remember all those times you’ve wanted to manage a pull request but didn’t want to leave VS Code? Now they’re in the past. Create and manage them with the GitHub Pull Requests Extension.
- dev.to: Using VS Code to git rebase
- freecodecamp.org: 10 VS Code Extensions to Increase Your Productivity
- softzone.es: Mejora y añade más funciones a Visual Studio Code con plugins
- dzone: VS Code Extensions for Frontend Developers
- In code 1.61.0, you can get a colorized bracket pair guide, just enable it by setting:
"editor.guides.bracketPairs": true
- dev.to: How to configure VSCode Bracket Pair Colors Natively
- Zen Mode: Per user requests, we have added Zen Mode to VS Code. Zen Mode lets you focus on your code by hiding all UI except the editor (no Activity Bar, Status Bar, Sidebar and Panel) and going to full screen. Zen mode can be toggled using the View menu, Command Palette or by the shortcut Ctrl+K Z.
- realpython.com: Advanced Visual Studio Code for Python Developers
- blog.openreplay.com: 8 Cool VS Code tips to make your workspace more personal
- dev.to: Visual Studio Code - Tips & Tricks - Command Palette and its friends
- betterprogramming.pub: How To Update Your GitHub Repository in Visual Studio Code An overview to clone a repository, push changes, and make pull requests in VS code
- dev.to/this-is-learning: Visual Studio Code - Tips & Tricks - Snippets
- dev.to/jcofman: Make VS Code better by editing and updating some settings
- pythonsimplified.com: How to SSH into EC2 from VS Code
- levelup.gitconnected.com: 12 Visual Studio Code Shortcuts That Every Developer Must Know These shortcuts make the lives of developers easier.
- betterprogramming.pub: Generating Class Diagrams for .Net Core Use PlantUML directly in the Visual Studio Code
- freecodecamp.org: Best Colorful VSCode Extensions – How to Personalize Your Editor
- dev.to: VSCode Extensions I’m in LOVE with | Tina Huynh
- towardsdatascience.com: VS Code for data science How a good Visual Studio Code setup can make you a more productive data scientist
- betterprogramming.pub: Learn to Code Remotely With VS Code And SSH
- austingil.com: VS Code Timeline Restores Lost Work That Git Can’t 🌟
- developers.redhat.com: Remote container development with VS Code and Podman 🌟
- visualstudio.microsoft.com/services/live-share: Visual Studio Live Share 🌟 Real-time collaborative development
- freecodecamp.org: How to Use Markdown in VSCode – Syntax and Examples
- gijsreijn.medium.com: Optimizing Your DSC V3 Authoring Experience in VSCode
Updates
Keyboard shortcuts
- code.visualstudio.com: keyboard shortcuts for Windows
- code.visualstudio.com: keyboard shortcuts for macOS
- code.visualstudio.com: keyboard shortcuts for Linux
Visual Studio MarketPlace and Extensions
Publishers
Extensions
- GitLens 🌟 Git supercharged
- Git Graph View a Git Graph of your repository, and easily perform Git actions from the graph. Configurable to look the way you want!
- Better Comments
- Bracket Pair Colorizer
- Markdown All in One 🌟
- Auto Markdown TOC By AX1
- Prettier: Code formatter
- Live Share: Real-time collaborative development from the comfort of your favorite tools (pair-programming).
- EditorConfig: This plugin attempts to override user/workspace settings with settings found in .editorconfig files. No additional or vscode-specific files are required.
- Polacode
- ESLint: Integrates ESLint JavaScript into VS Code.
- Indent-Rainbow: Indent-Rainbow A simple extension to make indentation more readable
- Live Server: Launch a development local Server with live reload feature for static & dynamic pages
- SVG: SVG Coding, Minify, Pretty, Preview All-In-One.
- Python Visual Studio Code
- betterprogramming.pub: The Best VS Code Extensions to Supercharge Your Git Yes, there’s more than GitLens!
- dzone.com: 10 VS Code Extensions to Fight Technical Debt The best engineering teams I’ve talked to use the right tools to continuously refactor code, improve their codebase communication, and address technical debt.
- dev.to: Superb VSCode extensions changing your coding life
- c-sharpcorner.com: The Best VS Code Extensions For Remote Working
- freecodecamp.org: VS Code Extensions to Increase Developer Productivity
- dev.to: My Top 5 Visual Studio Code extensions for Azure Developers
- hashicorp.com: Terraform extension for VS Code speeds up loading of large workspaces New releases of the HashiCorp Terraform extension for Visual Studio Code and Terraform language server significantly reduce memory usage and start up time for large workspaces.
More Extensions
- Prettier ESLint Extension to format JavaScript code using prettier-eslint package
- Rainbow Brackets A rainbow brackets extension for VS Code.
- TODO Highlight Highlight TODOs, FIXMEs, and any keywords, annotations
- Todo+ Manage todo lists with ease. Powerful, easy to use and customizable.
- Todo Tree Show TODO, FIXME, etc. comment tags in a tree view
- Babel JavaScript VSCode syntax highlighting for today’s JavaScript, ported from gandm’s language-babel for Atom.
- Error Lens Improve highlighting of errors, warnings and other language diagnostics.
- Docker Makes it easy to create, manage, and debug containerized applications.
- DotENV Support for DotENV file syntax
- Jest Use Facebook’s Jest, a delightful JavaScript Testing Framework.
- Live Server Launch a development local Server with live reload feature for static & dynamic pages
- Draw.io Integration This extension integrates Draw.io into VS Code.
- Turbo Console Log Automating the process of writing meaningful log messages.
- Path Intellisense Visual Studio Code plugin that autocompletes filenames
- GitHub Pull Requests and Issues 🌟
- React Pure To Class Convert pure react components to class components
- Helm Intellisense Helm Intellisense is a Visual Studio Code extension that provides intellisense for helm-templates
- Azure Resource Manager (ARM) Tools 🌟 New VS Code extension for working with Azure Resource Manager (ARM) templates that will make your life much easier.
- developers.redhat.com: Devfiles and Kubernetes cluster support in OpenShift Connector 0.2.0 extension for VS Code 🌟
- gitlab.com: VS Code extension development with GitLab As VS Code editor increases in popularity, find out how GitLab + VS Code can be used for extension development and how we develop the official GitLab VS Code extension.
- freecodecamp.org: VS Code Extensions That’ll Boost Your Development Productivity 🌟
- CloudFormation Snippets 🌟 Adds autocompletion for all AWS CloudFormation resources. The snippets are updated automatically every week by fetching the data from the official AWS CloudFormation resource specification.
- GitHub Actions 🌟
- Local History Save files into local history
- Remote Repositories 🌟 You can now browse or even make edits to any GitHub repo straight from code, instantly WITHOUT having to pull the source down first.
- marketplace.visualstudio.com: Bridge to Kubernetes (VSCode) With Bridge to Kubernetes, the only thing you need to run and debug on your development machine is the microservice you’re working on and your preferred dev tools. - thorsten-hans.com: Debugging apps in Kubernetes with Bridge 🌟 Bridge to Kubernetes simplifies and streamlines the process of debugging applications running in Kubernetes. Debug any language using the tools you prefer and love.
- Working with Kubernetes in VS Code Learn how to create a Kubernetes cluster, write a K8s manifest file (YAML), which tells K8s everything it needs to know about app, and finally deploy the app to the K8s cluster.
- marketplace.visualstudio.com: GitHub Repositories 🌟 Browse and edit code from Github without cloning. You can even review PRs!. The GitHub Repositories extension lets you quickly browse, search, edit, and commit to any remote GitHub repository directly from within Visual Studio Code, with support for Azure repos coming soon.
- Azure/vscode-kubernetes-tools 🌟 Visual Studio Code Kubernetes Tools
- snyk.io: Securing your open source dependencies with the Snyk Visual Studio Code extension
- prisma.io: Improving the Prisma Visual Studio Code Extension with WebAssembly 🌟 Prisma helps app developers build faster and make fewer errors with an open source database toolkit for PostgreSQL, MySQL, SQL Server, and SQLite. Central to Prisma is the schema - a declarative way to define your app’s data models and their relations that’s human-readable. And you don’t have to painstakingly create it from scratch if you already have a database - prisma introspect takes care of that.
- IAM Legend IAM policy actions autocomplete, documentation & wildcard resolution. Supports Serverless Framework, AWS SAM, CloudFormation and Terraform.
- GitLive Extend VS Code with real-time collaborative superpowers
- marketplace.visualstudio.com: autoDocstring - Python Docstring Generator
- marketplace.visualstudio.com: Azure App Service for Visual Studio Code
- marketplace.visualstudio.com: CodeSnap Take beautiful screenshots of your code
- marketplace.visualstudio.com: GitOps Tools for Flux 🌟 This is a VS Code extension for GitOps automation tool for continuous delivery of Kubernetes and cloud native applications
- marketplace.visualstudio.com: Kubernetes Reference Highlighter 🌟 Kubernetes reference highlighter is a plugin for VS Code that highlights references in your Kubernetes YAML files
- freecodecamp.org: Increase Your VS Code Productivity
- marketplace.visualstudio.com: Ruff extension for Visual Studio Code A Visual Studio Code extension for Ruff, an extremely fast Python linter and code formatter, written in Rust.
- marketplace.visualstudio.com: Learn Cloud 🌟 Guiding first-time cloud users to deploy to Azure PaaS
- marketplace.visualstudio.com: Kubernetes YAML Formatter 🌟 A better YAML formatter for DevOps like Kubernetes, Ansible, CI/CD, etc.
GitHub Copilot
- GitHub Copilot 🌟
- code.visualstudio.com: GitHub Copilot in VS Code
- techcommunity.microsoft.com: Unleashing GitHub Copilot for Infrastructure as Code (powershell, terraform, etc)
More Extensions (Blogs)
- Become a VS Code Ninja with these Extensions and Tools [2020]
- blog.logrocket.com: Top 10 VS Code extensions for 2021
- dev.to: Thunder Client - Http Client Extension for VS Code - thunderclient.io 🌟 Hand-crafted lightweight Rest Client for Testing APIs (postman alternative) - youtube: I Don’t Need Postman Anymore!! I Use VS Code Instead…
- c-sharpcorner.com: The Best VS Code Extensions To Supercharge Git
- dev.to: VS Code extensions to increase your Productivity
- dev.to: Top 5 Best Git Extensions For VS Code (You must have)
Themes
- Material Icon Theme Material Design Icons for Visual Studio Code
- Lucy Theme Soft but clear syntax theme
- Monokai Pro Theme Professional theme and matching icons, from the author of the original Monokai color scheme.
- Codey Midnight Theme Dark theme configured for accessibility and Salesforce development
- 1984 Theme
- Dracula Official Official Dracula Theme. A dark theme for many editors, shells, and more.
- Discord Presence Theme Update your discord status with the newly added rich presence.
- GitHub Theme 🌟 GitHub theme for VS Code
DevOps Extensions
- Jira and Bitbucket (Official)
- GitLab Workflow
- Kubernetes (by Microsoft) Develop, deploy and debug Kubernetes applications
- Kubernetes Kind (by Microsoft)
- Docker (by Microsoft)
- Terraform Syntax highlighting, linting, formatting, and validation for Hashicorp’s Terraform
- Ansible
- MongoDB for VS Code
Azure DevOps Extensions
Git Flow Extensions
- gitflow by vector-of-bool Gitflow integration and support in Visual Studio Code
- GitFlow 4 Code
- JirAux (Jira integration) Extension to list,view and create Git-flow like branches from issues
- BABA-Git Flow
Jenkins Extensions
- Jenkins JCasC-Plugin This extension is used to integrate a live jenkins instance configuration with your editor. It can be used to edit and validate YAML files.
- Jenkins Pipeline Linter Connector Validates Jenkinsfiles by sending them to the Pipeline Linter of a Jenkins server.
- secanis.ch: Jenkinsfile Support Adds syntax highlighting support for Jenkinsfile’s. In this version, it’s the same like Groovy is.
- ivory-lab: JenkinsFile Support Extension provides basic jenkinsfile support (highlighting, snippets and completion)
- JM Meessen: Declarative Jenkinsfile Support Adds syntax highlighting support for the declarative Jenkinsfile format flavour.
- Alessandro Fragnani: Jenkins Status
Integrated Terminal on Visual Studio Code
- Integrated Terminal
- This is an example of Visual Studio Code settings when adding Git Bash on Windows:
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
Debugging in VScode
- How to configure Visual Studio Code for test debugging
- blog.getambassador.io: Debugging Go Microservices in Kubernetes with VScode 🌟 Tutorial: Learn to debug Go microservices locally while testing against dependencies in a remote Kubernetes cluster
- developers.redhat.com: Remote debugging on Kubernetes using VS Code
- metalbear-co/mirrord A Visual Studio Code extension that lets you easily mirror traffic from your Kubernetes cluster to your development environment. When you start debugging, mirrord will prompt you to select a pod to mirror traffic from. It will then mirror all traffic from that pod to the process you’re debugging.
- blog.stackademic.com: Debugging Microservices Locally with mirrord On some occasions, you might want to be able to debug code running in pods in a Kubernetes cluster. This article will teach you how to use mirrord to develop your local code against a remote Kubernetes cluster
- kenneth.io: Introducing remote debugging of Node.js apps on Azure App Service from VS Code
Python in Visual Studio Code
- Python in Visual Studio Code – September 2020 Release
- Python in Visual Studio Code – January 2021 Release
- realpython.com: Python Development in Visual Studio Code
Go in Visual Studio Code
Bridge to Kubernetes
- Bridge to Kubernetes 🌟 Bridge to Kubernetes extends the Kubernetes perimeter to your development computer allowing you to write, test, and debug microservice code while connected to your Kubernetes cluster with the rest of your application or services. With this workflow, there is no need for extra assets, such as a Dockerfile or Kubernetes manifests. You can simply run your code natively on your development workstation while connected to the Kubernetes cluster, allowing you to test your code changes in the context of the larger application.
- visualstudiomagazine.com: Bridge to Kubernetes Simplifies Microservice Development in Visual Studio/VS Code
AWS Toolkits
Cloud Code
- Cloud Code 🌟 Everything you need to write, debug, and deploy your cloud-native applications.
Alternatives
- Repl.it Reading code is hard! Don’t you wish you could just ask the code what it does? To describe its functions, its types. And maybe… how can it be improved? Introducing: Replit code oracle.
- Gitpod Open Sources a ‘Holistic IDE’
- piotrminkowski.com: Development on Kubernetes: IDE & TOOLS In this article, you will learn what tools, frameworks, and platforms could help you to speed up the development of JVM microservices on Kubernetes.
- openshift.com: Visual Web Terminal - A Turbocharged Command Line for Kubernetes and OpenShift
- Linux on Chrome OS, sometimes called Crostini 🌟, allows you to run Linux apps for development alongside your usual Chrome OS desktop & apps.
- Fleet Next-generation IDE by JetBrains
- thenewstack.io: Are Cloud-Based IDEs the Future of Software Engineering?
Intellij IDEA
- evaizik.medium.com: Setting up a remote debugging for Java microservices running inside Kubernetes pods In this article, you’ll learn in detail how to set up remote debugging between IntelliJ IDE and a Java application running inside a Kubernetes pod — without using any additional third-party software
- betterprogramming.pub: My Top 7 Most Underrated IntelliJ IDEA Features
Online VSCode
- github.dev
- gitpod.io 🌟🌟 - github.com/gitpod-io/gitpod Gitpod automates the provisioning of ready-to-code development environments. Gitpod is an open-source Kubernetes application for automated and ready-to-code development environments that blends in your existing workflow. It enables you to describe your dev environment as code and start instant and fresh development environments for each new task directly from your browser. Tightly integrated with GitLab, GitHub, and Bitbucket, Gitpod automatically and continuously prebuilds dev environments for all your branches. As a result, team members can instantly start coding with fresh, ephemeral and fully-compiled dev environments - no matter if you are building a new feature, want to fix a bug or do a code review.
- github1s.com 🌟 One second to read GitHub code with VS Code.
- vscode.dev 🌟
Youtube Shorts
- Visual Studio Code - Shorts
- VSCode Profiles
- Pin VS Code Tabs
- Markdown Header Magic
- Changing Font in VS Code the RIGHT WAY!
- ErrorLens! Catch Errors on the Fly!
- Try Maven (and Java) in VS Code!
- Extension of the Week: Prettier
- Copilot Unit Tessts Like a Boss
- STOP Creating New Files This! But Do THIS in VS Code!!!
- Take your extensions with you
- Java, Gradle, and VS Code
- VS Code February 2023 Release Highlights (v1.76)
- Extension of the week: Thunder Client
- Pin VS Code Tabs?
- Rainbox CSV
- Extensión de Visual Studio Code que genera tests y mejora tu código
- Create diagrams in vscode
- Copilot writing Markdown
- Change your Java versions in VS Code!
- April 2023 Release Highlights - Profile Templates
- How VS Code Makes Branches
- Write slides in VS Code
- Create guided walkthroughs of your code
- Minimap Makeover
- Navigate your code’s history
- Vertical rulers
- Time Travel!
- Master Git with Git Graph
- New VS Code features
- Hacking GitHub?
- New VS Code Release Highlights v1.86
- File Icon Theme
- Learn with Copilot
- Visualize your git repo in vscode with Git Graph extensions
- How to be a professional (un)wrapper #vscode #programmingtools #coding
- Screencast mode
Videos
Click to expand!
Tweets
Click to expand!
Did you know, you can have project specific user settings in VS Code?
— Andy Bell (@piccalilli_) December 10, 2020
I certainly didn’t, but I needed to make some tweaks for a better live coding experience for workshop attendees.
Create a .vscode folder in your project then add settings.json in there.
Handy! pic.twitter.com/X3PbgwSVWp
Today's @code extension: Github Repositories
— Matt Bierner (@mattbierner) September 16, 2021
Browse and edit code from @Github without cloning. You can even review PRs!
It's kind of like https://t.co/dqc8Luetlw, but for desktop VS Code#code2020 pic.twitter.com/ttVstg2HPO
If I was forced to use closed source IDE for a paid job, I would go for JetBrains. They are far better than VSCode or anything else ever created. Of course, VIM is my first choice, but sometimes they or other team members are comfier with a professional tool.
— The Best Linux Blog In the Unixverse (@nixcraft) September 30, 2021
I'm currently using the following @code extensions (fundamentally, Python development):
— Santiago (@svpino) October 12, 2021
1. Python
2. GitHub Copilot
3. Docker
4. Jupyter
5. Prettier
6. YAML
7. OpenAPI Swagger
8. Bookmarks
9. AWS Toolkit
10. Cloud Code
Is there something else that you'd recommend?
Did you know that #vscode has so called zen mode, that makes editor fullscreen and removes all the menus, so cool! pic.twitter.com/My5jelmLnU
— Jaka Hudoklin 🤖 5G: 100% (@offlinehacker) November 3, 2021
The brand new Visual Studio Code for the Web looks fantastic, and it's blazingly fast!
— Santiago (@svpino) November 11, 2021
They say it is "a zero-install experience running entirely in your browser."
Your local environment has its days counted.https://t.co/4XIKBANfxL pic.twitter.com/NElvgQq20F
Sometimes I do a bit of coding on my laptop where I don't have GitHub Copilot installed - and it becomes VERY clear how super productive that tool is making me.
— Simon Høiberg (@SimonHoiberg) November 20, 2021
Without comparison the best addition to VSCode I've tried!
"I joined a company which brands itself as a tech-first company. I was super excited.
— Gergely Orosz (@GergelyOrosz) April 4, 2022
As I was setting up my laptop, I noticed I have no admin rights. Turned out I needed to request permission to install anything. And my request for Visual Studio Code was rejected."
🤯