utils-vscode.md

VSCODE

TABLE OF CONTENTS

• WEBSITES

• CONTAINER

• ALTERNATIVE

• EXTENSIONS: LIST

• EXTENSIONS: TOP

• EXTENSIONS: OTHERS

• EXTENSIONS: THEMES

• OSS: STARTER

• OSS: EXTENSIONS

• TOOLS

• TIPS1

• TIPS2

  • SHORTCUTS
  • COMMANDS
  • BONUS

WEBSITES

• https://code.visualstudio.com/docs
• https://snippet-generator.app
• https://code.visualstudio.com
• https://vscodecandothat.com
• https://devfonts.gafi.dev
• https://vscodethemes.com

CONTAINER

• https://github.com/michidk/vscli

ALTERNATIVE

• https://github.com/zed-industries/zed

EXTENSIONS: LIST

• https://dev.to/deepu105/my-vs-code-setup-making-the-most-out-of-vs-code-4enl
• https://medium.com/better-programming/26-miraculous-vscode-tools-for-javascript-developers-in-2019-e184131d75af
• https://medium.freecodecamp.org/favorite-vs-code-extensions-2017-786ea235812f

EXTENSIONS: TOP

• https://marketplace.visualstudio.com/items?itemName=lacroixdavid1.vscode-format-context-menu
• https://marketplace.visualstudio.com/items?itemName=ms-edgedevtools.vscode-edge-devtools
• https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview
• https://marketplace.visualstudio.com/items?itemName=d-koppenhagen.vscode-code-review
• https://marketplace.visualstudio.com/items?itemName=dzhavat.css-flexbox-cheatsheet
• https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log
• https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
• https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
• https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh
• https://marketplace.visualstudio.com/items?itemName=dzhavat.rxjs-cheatsheet
• https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
• https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
• https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
• https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
• https://marketplace.visualstudio.com/items?itemName=vsls-contrib.codetour
• https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
• https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio
• https://marketplace.visualstudio.com/items?itemName=chawki.emoji-commit
• https://marketplace.visualstudio.com/items?itemName=bierner.docs-view
• https://marketplace.visualstudio.com/items?itemName=antfu.i18n-ally
• https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap

EXTENSIONS: OTHERS

• https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
• https://marketplace.visualstudio.com/items?itemName=cmstead.jsrefactor
• https://marketplace.visualstudio.com/items?itemName=eliostruyf.vscode-front-matter
• https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype
• https://marketplace.visualstudio.com/items?itemName=apollographql.vscode-apollo
• https://marketplace.visualstudio.com/items?itemName=fatihacet.gitlab-workflow
• https://marketplace.visualstudio.com/items?itemName=jakearl.search-editor-apply-changes
• https://marketplace.visualstudio.com/items?itemName=bierner.github-markdown-preview
• https://marketplace.visualstudio.com/items?itemName=Stalinbalraj.timestamp-converter
• https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
• https://marketplace.visualstudio.com/items?itemName=lior-chamla.google-fonts
• https://marketplace.visualstudio.com/items?itemName=humao.rest-client
• https://marketplace.visualstudio.com/items?itemName=sygene.auto-correct
• https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker
• https://marketplace.visualstudio.com/items?itemName=cyansprite.smoothscroll
• https://marketplace.visualstudio.com/items?itemName=pdconsec.vscode-print

EXTENSIONS: THEMES

• https://marketplace.visualstudio.com/items?itemName=jaredkent.laserwave

OSS: STARTER

• https://github.com/microsoft/vscode-extension-samples

OSS: EXTENSIONS

• https://github.com/estruyf/vscode-demo-time
• https://github.com/estruyf/vscode-front-matter
• https://github.com/antfu/vscode-file-nesting-config

TOOLS

• https://github.com/DonJayamanne/typescript-notebook
• https://github.com/liximomo/vscode-sftp
• https://github.com/foambubble/foam

TIPS1

• https://www.youtube.com/watch?v=xvouNGp7erI
• https://www.youtube.com/watch?v=u21W_tfPVrY

TIPS2

• https://dev.to/cooperdev/regex-search-and-replace-with-vs-code-4911

SHORTCUTS

(on Mac replace CTRL by CMD)

• NEW FILE: CTRL+N
• FIND FILE: CTRL+P
• POINTER MODE: CTRL+D
• FIND COMMAND: CTRL+SHIFT+P
• GO TO SYMBOL: CTRL+SHIFT+O
• COMMENT/UNCOMMENT: CTRL+/
• SHOW CALL HIERARCHY: MAJ+ALT+H

COMMANDS

• SELECT TO BRACKET
• SELECT ALL OCCURENCES

BONUS

• CHECK-JS FILE: //@ts-check at the top of the file
• REFACTOR: extract functions or constant using right click + refactor
• CREATE CURSOR WITH MOUSE: alt + left click where you want to add a new cursor
• STAGE ONLY PART OF A FILE: from source control view right click + stage this selection.