Steps to setup a new computer

Basic applications

• Git Kraken
• Visual Studio Code
• Koala
• MySQL Workbench
• 7-Zip
• FileZilla

VSC Setup

• General setup

  • Cobalt2 Theme
  • Cascadia code font
  • Fira code symbols

• Extensions

  • Advanced New File
  • Auto Rename Tag
  • Git Graph
  • Prettier
  • Live Server
  • HTML CSS Support
  • HTML Snippets
  • ESLint
  • JavaScript (ES6) code snippets

• Configuration file

  • Mac Os : ~/Library/Application Support/Code/User/settings.json
  • Linux : ~/.config/Code/User/settings.json
  • Windows : %APPDATA%\Code\User\settings.json

{
    "workbench.colorTheme": "Cobalt2",
    "explorer.confirmDelete": false,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.formatOnSave": true,
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 60,
    "git.autofetch": true,
    "git.confirmSync": false,
    "explorer.confirmDragAndDrop": false,
    "prettier.useTabs": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "typescript.updateImportsOnFileMove.enabled": "always",
    "editor.fontFamily": "'fira code'",
    "editor.fontLigatures": true
}

• Useful links
  • Setup Prettier for ReactJs