Andrew Dorokhov
It’s a free editor and can be downloaded on open_in_new https://code.visualstudio.com .
Plugins I use:
| Plugin | Description |
|---|---|
| open_in_new All Autocomplete | Provides autocompletion in Visual Studio Code items based on all open editors. |
| Auto Close Tag | Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text. |
| Auto Rename Tag | Auto rename paired HTML/XML tag. |
| Auto Complete Tag | Extension Packs to add close tag and rename paired tag automatically for HTML/XML. |
| Code Runner | Run code snippet or code file for multiple languages. |
| Import Cost | Display import/require package size in the editor. |
| JavaScript (ES6) code snippets | Code snippets for JavaScript in ES6 syntax. |
| Live Server | Launch a development local Server with live reload feature for static & dynamic pages. |
| Sass | Indented Sass syntax Highlighting, Autocomplete & Formatter. |
| Theme - Oceanic Next | Oceanic Next theme for VSCode + dimmed bg version for better looking UI. |
| vscode-icons | Icons for Visual Studio Code. |
| vscode-styled-components | Syntax highlighting for styled-components. |
| Reactjs code snippets | Code snippets for Reactjs development in ES6 syntax. |
| ESLint | Integrates ESLint JavaScript into VS Code. |
| jshint | Integrates JSHint into VS Code. JSHint is a linter for JavaScript |
| Multiple clipboards for VSCode | Override the regular Copy and Cut commands to keep selections in a clipboard ring. |
Devops:
| Plugin | Description |
|---|---|
| open_in_new HashiCorp Terraform | Official extension for Terraform language support. |
| open_in_new Ansible | Language support and syntax highlighting for Ansible playbooks and roles. |
| open_in_new GitHub Repositories | Browse and edit GitHub repositories in VS Code without cloning. |
Setting up plugins
jshint
Setting up jshint:
sudo npm install -g jshint
Put the file (.jshintrc) into the project directory:
{
"camelcase": true,
"indent": 2,
"undef": true,
"quotmark": false,
"maxlen": 120,
"trailing": true,
"curly": true,
"strict": false,
"browser": true,
"devel": true,
"jquery": true,
"esversion": 9,
"node": true
}
You can read about the options here: open_in_new https://jshint.com/docs/options/