Basic VS Code for JavaScript Developer

Base VS Extensions.md

Basic extensions for JavaScript developer using VS code

• Bracket Pair Colorizer 2 - Color brackets in pair
• Prettier - Code formatter - Best code formatter
• ESLint - JavaScript linting support
• Quokka.js - Live Scratchpad for JavaScript.
• One Monokai Theme - Personal preferrence
• DotEnv - Syntax highlight for .env file
• npm Intellisense - Provide intellisense support when importing npm modules
• Path Intellisense - Provide intellisense support when typing file path
• Node.js pack - Bundle different extensions for Node.js development

VS Code Configurations

Enable intelisense on JavaScript

jsconfig.json

{
  "compilerOptions": {
    "checkJs": true,
    "module": "commonJS"
  },
  "exclude": ["node_modules"],
  "include": [
    "./node_modules/cypress",
    "cypress/**/*.js",
    "src/**/*"
  ]
}

Prettier config

.prettierrc

{
  "tabWidth":2,
  "useTabs":false,
  "semi":true,
  "singleQuote":true,
  "trailingComma":"es5"
}

Programmer Fonts

• Hack

For those who work with React.js

• Simple React Snippets

For those who work with Ruby

• Ruby Solargraph