search

NowYouKnowProgramming / webdev-learning-materials

Don't waste time - the highest quality resource hub for web developers (and not only!)
https://bewebdev.tech
BSD 3-Clause "New" or "Revised" License
58 stars 11 forks source link

Visual Studio Code productivity #26

Closed goodideagiver closed 1 year ago

goodideagiver commented 1 year ago

Purpose: Write code in an efficient way

Motivation: do you often feel like you are clicking your mouse too much in vscode? Materials gathered in this section will have knowledge on how to speed up your coding process. Overall coding tool knowledge.

goodideagiver commented 1 year ago

vscode custom snippets tutorial: https://code.visualstudio.com/docs/editor/userdefinedsnippets

goodideagiver commented 1 year ago

Extensions:

Name: Bracket Select Description: Quick select code between brackets VS Marketplace Link

Name: Folder Templates Description: Create Templates for Folders and Files for easy reusability VS Marketplace Link

Name: RayThis: Instant Beautiful Code Screenshots Description: Instantly deploy beautiful code snippets to Ray.so without leaving your coding environment. VS Marketplace Link

goodideagiver commented 1 year ago

Hotkeys Reference: Windows Mac Linux

goodideagiver commented 1 year ago

Official Visual Studio Code productivity tips

goodideagiver commented 1 year ago

Inlay hints add additional inline information to source code to help you understand what the code does Official article about inlay hints How to enable inlay hints on key hold on YouTube

goodideagiver commented 1 year ago

Name: Create Test File Description: Find or create empty test file with inferred location VS Marketplace Link

goodideagiver commented 1 year ago

Name: Open Matching Files Description: Opens all files matching a search query VS Marketplace Link

goodideagiver commented 1 year ago

Name: Todo Tree Description: Show TODO, FIXME, etc. comment tags in a tree view VS Marketplace Link

Willaiem commented 1 year ago

Name: Abracadabra, refactor this! Description: Automated refactorings for VS Code, in JavaScript and TypeScript. VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=nicoespeon.abracadabra

Name: JavaScript Refactoring Assistant Description: Edit, modernize, and refactor JavaScript, TypeScript, and React code effectively with 85+ code actions. VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=p42ai.refactor

Name: Path Intellisense Description: Visual Studio Code plugin that autocompletes filenames VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

Name: SonarLint Description: SonarLint is an IDE extension that helps you detect and fix quality issues as you write code in C, C++, Java, JavaScript, PHP, Python, HTML and TypeScript. VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarlint-vscode

Name: TypeScript Error Translator Description: TypeScript errors, translated for humans VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=mattpocock.ts-error-translator

goodideagiver commented 1 year ago

Added e11a5ed7167a72817832deea0d6e08a7decf1245