Vs Code

Collections

• VS Code Shortcuts To Code Like You’re Playing a Piano
• Change the default terminal in Visual Studio Code - Terminal: Select Default Profile

Dev

• P42 JavaScript Assistant: Refactoring Hints & Automation
• Markdown All in One
  • section numbering : Ctrl+Alt+P -> section
  • TOC : Ctrl+Alt+P -> toc
• Git Graph
• Emoji
• Regions With Colors
• Prettier-Standard
• Add jsdoc comments
• Preview.js - Get instant previews of your UI components, directly in your IDE
• GistPad - VS Code extension for managing and sharing code snippets, notes and interactive samples using GitHub Gists
• Database Client
• Remote - SSH - Open any folder on a remote machine using SSH and take advantage of VS Code's full feature set.
• JSON Hero - a beautiful JSON viewer.
• Increment Selection
• Headwind to order Tailwind classes automatically
• Tailwind Fold - Improves code readability by folding class attributes

Testing

• Live Frame - Live preview your web application inside VS Code
• XState VSCode - Visual editing, autocomplete and typegen for XState
• 7 Unnecessary VSCode Extensions You Should Uninstall Now
• Better Align

Etc

• Front Matter a CMS running straight in Visual Studio Code

Default VS Code As The Git Editor

git config --global core.editor "code -w"

Open the command pallette and run Shell Command: Install code in PATH

Co-op

필수

• ESLint, Prettier, Vetur
  • Settings> save 검색
    • Editor: Format On Save 활성화
    • Edit in settings.json 클릭하여 편집하여 다음 내용을 추가

      "eslint.format.enable" : true,
      "[vue]" : {
        "editor.defaultFormatter" : "esbenp.prettier-vscode"
      },
      "[javascript]" : {
        "editor.defaultFormatter" : "esbenp.prettier-vscode"
      },
      "eslint.validate" : [
        "javascript"
      ],
      "editor.defaultFormatter" : "esbenp.prettier-vscode",
      

• axe Accessibility Linter
• Code Spell Checker

선택

• Auto Close Tag
• Auto Rename Tag
• Better Comments
• Emmet JSS
• ES7 React/Redux/GraphQL/React-Native snippets
• Git Graph
• GitLens

  "gitlens.autolinks": [
    {
      "url": "https://app.asana.com/0/search?q=IT-<num>",
      "prefix": "IT-"
    }
  ],
  

• HTML CSS Support
• HTML End Tag Labels
• Indent-Rainbow
• JavaScript (ES6) snippets
• JavaScript Booster
• P42 JavaScript Assistant
• Regions with Colors
• Surround
• Todo Tree
• Turbo Console Log
• Vue Snippets StandardJS
• Vue VSCode Snippets

Personal knowledge management

• Foam is a personal knowledge management and sharing system inspired by Roam Research, built on Visual Studio Code and GitHub.

Dendron

The personal knowledge management (PKM) tool that grows as you do!

• awesome-dendron: A Dendron awesome list of extensions, vaults, and more

Apply Font

system_profiler -json SPFontsDataType | grep \"family | sort | uniq # https://stackoverflow.com/a/67132993/5163033

Or

In Desktop view, Press “⌘ + Space” to start Spotlight, then type in “font book”

---

Children

1. Tips for typing import statements in JavaScript