Visual Studio Code
Visual Studio Code¶
- VSCode
- Visual Studio MarketPlace and Extensions
- Integrated Terminal on Visual Studio Code
- Test Debugging
- Videos
VSCode¶
- code.visualstudio.com: Visual Studio Code
- 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
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
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
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"