# Visual Studio Code - [VSCode](#vscode) - [Visual Studio MarketPlace and Extensions](#visual-studio-marketplace-and-extensions) - [Publishers](#publishers) - [Extensions](#extensions) - [More Extensions](#more-extensions) - [Themes](#themes) - [DevOps Extensions](#devops-extensions) - [Azure DevOps Extensions](#azure-devops-extensions) - [Git Flow Extensions](#git-flow-extensions) - [Jenkins Extensions](#jenkins-extensions) - [Integrated Terminal on Visual Studio Code](#integrated-terminal-on-visual-studio-code) - [Videos](#videos) ## VSCode * [code.visualstudio.com: Visual Studio Code](https://code.visualstudio.com/) * [Visual Studio Online](https://visualstudio.microsoft.com/services/visual-studio-codespaces/) * [Awesome Visual Studio Code](https://github.com/viatsko/awesome-vscode) * [Using Version Control in VS Code](https://code.visualstudio.com/docs/editor/versioncontrol) * [deepu.js.org: My VS Code setup - Making the most out of VS Code](https://deepu.js.org/make-the-most-out-of-vscode/) * [VScode run from WSL in Linux: Cannot activate the 'Atlassian for VSCode (Official)' extension because 'git' extension is not loaded](https://bitbucket.org/atlassianlabs/atlascode/issues/112/cannot-activate-the-atlassian-for-vscode) * [kite: Code Faster with AI Autocomplete](https://kite.com/) ## Visual Studio MarketPlace and Extensions * [marketplace.visualstudio.com](https://marketplace.visualstudio.com/) ### Publishers * [Microsoft 🌟](https://marketplace.visualstudio.com/publishers/Microsoft) * [Red Hat 🌟](https://marketplace.visualstudio.com/publishers/redhat) * [AmazonWebServices](https://marketplace.visualstudio.com/publishers/AmazonWebServices) * [Google Cloud](https://marketplace.visualstudio.com/publishers/GoogleCloudTools) * [Oracle](https://marketplace.visualstudio.com/publishers/Oracle) ### Extensions * [GitLens 🌟](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) Git supercharged * [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.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](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) * [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) * [Markdown All in One 🌟](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one) * [Auto Markdown TOC By AX1](https://marketplace.visualstudio.com/items?itemName=livepdm.auto-markdown-toc-ax1) * [Prettier:](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) Code formatter * [Live Share:](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) Real-time collaborative development from the comfort of your favorite tools (pair-programming). * [EditorConfig:](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) This plugin attempts to override user/workspace settings with settings found in .editorconfig files. No additional or vscode-specific files are required. * [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode) * [ESLint:](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) Integrates [ESLint](https://eslint.org/) JavaScript into VS Code. * [Indent-Rainbow:](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow) Indent-Rainbow A simple extension to make indentation more readable * [Live Server:](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) Launch a development local Server with live reload feature for static & dynamic pages * [SVG:](https://marketplace.visualstudio.com/items?itemName=jock.svg) SVG Coding, Minify, Pretty, Preview All-In-One. #### More Extensions * [Prettier ESLint](https://marketplace.visualstudio.com/items?itemName=rvest.vs-code-prettier-eslint) Extension to format JavaScript code using prettier-eslint package * [Rainbow Brackets](https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets) A rainbow brackets extension for VS Code. * [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) Highlight TODOs, FIXMEs, and any keywords, annotations * [Todo+](https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-todo-plus) Manage todo lists with ease. Powerful, easy to use and customizable. * [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) Show TODO, FIXME, etc. comment tags in a tree view * [Babel JavaScript](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel) VSCode syntax highlighting for today's JavaScript, ported from gandm's language-babel for Atom. * [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) Improve highlighting of errors, warnings and other language diagnostics. * [Docker](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker) Makes it easy to create, manage, and debug containerized applications. * [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv) Support for [DotENV](https://github.com/zaynali53/DotENV) file syntax * [Jest](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest) Use Facebook's [Jest](https://github.com/facebook/jest), a delightful JavaScript Testing Framework. * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) Launch a development local Server with live reload feature for static & dynamic pages * [Draw.io Integration](https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio) This extension integrates Draw.io into VS Code. * [Turbo Console Log](https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log) Automating the process of writing meaningful log messages. * [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) Visual Studio Code plugin that autocompletes filenames * [GitHub Pull Requests and Issues](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github) * [React Pure To Class](https://marketplace.visualstudio.com/items?itemName=angryobject.react-pure-to-class-vscode) Convert pure react components to class components #### Themes * [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) Material Design Icons for Visual Studio Code * [Lucy Theme](https://marketplace.visualstudio.com/items?itemName=juliettepretot.lucy-vscode) Soft but clear syntax theme * [Monokai Pro Theme](https://marketplace.visualstudio.com/items?itemName=monokai.theme-monokai-pro-vscode) Professional theme and matching icons, from the author of the original Monokai color scheme. * [Codey Midnight Theme](https://marketplace.visualstudio.com/items?itemName=salesforce.codey-midnight) Dark theme configured for accessibility and Salesforce development * [1984 Theme](https://marketplace.visualstudio.com/items?itemName=juanmnl.vscode-theme-1984) * [Dracula Official](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula) Official Dracula Theme. A dark theme for many editors, shells, and more. * [Dracula Pro Theme 🌟](https://draculatheme.com/pro) * [Discord Presence Theme](https://marketplace.visualstudio.com/items?itemName=icrawl.discord-vscode) Update your discord status with the newly added rich presence. #### DevOps Extensions * [Jira and Bitbucket (Official)](https://marketplace.visualstudio.com/items?itemName=Atlassian.atlascode) * [GitLab Workflow](https://marketplace.visualstudio.com/items?itemName=fatihacet.gitlab-workflow) * [Kubernetes (by Microsoft)](https://marketplace.visualstudio.com/items?itemName=ms-kubernetes-tools.vscode-kubernetes-tools) Develop, deploy and debug Kubernetes applications * [Kubernetes Kind (by Microsoft)](https://marketplace.visualstudio.com/items?itemName=ms-kubernetes-tools.kind-vscode) * [Docker (by Microsoft)](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker) * [Terraform](https://marketplace.visualstudio.com/items?itemName=mauve.terraform) Syntax highlighting, linting, formatting, and validation for Hashicorp's Terraform * [hashicorp.com: Supporting the HashiCorp Terraform Extension for Visual Studio Code](https://www.hashicorp.com/blog/supporting-the-hashicorp-terraform-extension-for-visual-studio-code/) * [Ansible](https://marketplace.visualstudio.com/items?itemName=vscoss.vscode-ansible) #### Azure DevOps Extensions * [Azure DevOps 🌟](https://marketplace.visualstudio.com/azuredevops) #### Git Flow Extensions * [gitflow by vector-of-bool](https://marketplace.visualstudio.com/items?itemName=vector-of-bool.gitflow) Gitflow integration and support in Visual Studio Code * [GitFlow 4 Code](https://marketplace.visualstudio.com/items?itemName=GreatMinds.gitflow4code) * [JirAux (Jira integration)](https://marketplace.visualstudio.com/items?itemName=SemihOnay.jiraux) Extension to list,view and create Git-flow like branches from issues * [BABA-Git Flow](https://marketplace.visualstudio.com/items?itemName=Fatih.baba-flow) #### Jenkins Extensions * [Jenkins JCasC-Plugin](https://marketplace.visualstudio.com/items?itemName=jcasc-developers.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](https://marketplace.visualstudio.com/items?itemName=janjoerke.jenkins-pipeline-linter-connector) Validates Jenkinsfiles by sending them to the Pipeline Linter of a Jenkins server. * [secanis.ch: Jenkinsfile Support](https://marketplace.visualstudio.com/items?itemName=secanis.jenkinsfile-support) Adds syntax highlighting support for Jenkinsfile's. In this version, it's the same like Groovy is. * [ivory-lab: JenkinsFile Support](https://marketplace.visualstudio.com/items?itemName=ivory-lab.jenkinsfile-support) Extension provides basic jenkinsfile support (highlighting, snippets and completion) * [JM Meessen: Declarative Jenkinsfile Support](https://marketplace.visualstudio.com/items?itemName=jmMeessen.jenkins-declarative-support) Adds syntax highlighting support for the declarative Jenkinsfile format flavour. * [Alessandro Fragnani: Jenkins Status](https://marketplace.visualstudio.com/items?itemName=alefragnani.jenkins-status) ## Integrated Terminal on Visual Studio Code * [Integrated Terminal](https://code.visualstudio.com/docs/editor/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" ``` ## Videos