Visual-Studio-Code

---

⚙️ Setting

See folder ./configuration/settings

⌨️ Keybinding

See folder ./configuration/keybindings

🎨 Color Theme

See folder ./configuration/theme

---

💫 Extension

Custom Made

• Guide
  • VS code custom theme
  • Creating your first extension
  • Extension Guides - color theme
  • Publishing Extension (vsce publish)

---

💫 Extension ctd.

Generic

• Styling

  • Highlight Line: Highlights the current line in the editor. Find your location in your editor easily.
  • Blockman: Highlight Nested Code Blocks (Mark/Highlight code blocks)

• Code Formatting

  • Cursor Align: Aligns all cursors using spaces.
  • Increment Selection: Increment selection with multiple cursors
  • Smart Column Indenter
  • Batch Rename: Batch rename files in the explorer inside a text editor
  • Code Spell Checker
  • Prettier - Code formatter

• Other

  • Draw.io Extension: This unofficial extension integrates Draw.io into VS Code.
  • Todo Tree: Show TODO, FIXME, etc. comment tags in a tree view
  • Markdown All in One: All you need to write Markdown
  • GitHub Copilot
  • GitHub Codespaces

Frontend

• Generic

  • Auto Rename Tag: Auto rename paired HTML/XML tag
  • IntelliSense for CSS class names in HTML
  • JavaScript (ES6) code snippets
  • HTML CSS Support

• Drupal

  • Run on Save: Run commands when a file is saved in vscode
  • Twig Language: formatter, Syntax Highlighting, Hover, Snippets
  • PHP Intelliphense: PHP code intelligence for Visual Studio Code
  • PHP Intellisense: Advanced Autocompletion and Refactoring support for PH

• React

  • ES7+ React/Redux/React-Native snippets
  • VSCode React Refactor
  • Simple React Snippets
  • Reacts code snippets

• Other

  • Note.js: Think Jupyter notebook for browser javascript

---