Visual Studio Code
Last updated ago - September 3, 2023Do 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.
Productivity
Hotkeys Reference
Terminal
Extensions
Help with boring tasks
Faster coding
Template String Converter
Bracket Select
Quick select code between brackets
Folder Templates
Create Templates for Folders and Files for easy reusability
Create Test File
Find or create empty test file with inferred location
Snippet sharing
RayThis: Instant Beautiful Code Screenshots
Instantly deploy beautiful code snippets to Ray.so without leaving your coding environment.
Refactoring
Abracadabra, refactor this
Automated refactorings for VS Code, in JavaScript and TypeScript.
JavaScript Refactoring Assistant
Edit, modernize, and refactor JavaScript, TypeScript, and React code effectively with 85+ code actions.
SonarLint
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.
Utility
Output colorizer
Easier to analyze git errors or other errors visible in the vscode output tab
Open Matching Files
Opens all files matching a search query
Todo Tree
Show TODO, FIXME, etc. comment tags in a tree view
TypeScript Error Translator
TypeScript errors, translated for humans
Path Intellisense
Visual Studio Code plugin that autocompletes filenames
Console Ninja
Console Ninja is a free extension that puts your console.logs and runtime errors right into your VS Code.
VSCode Git Commit Message
Harmonize your git commit message with your colleagues
Our template for this extension
Explanation why you might need this extension: Git materials - bewebdev.tech
View our template for Git Commit Message extension
Git commit template
"vscodeGitCommit.template": [
"{type}: {action}{what_was_done}
{why_it_was_done}{breaking}"
]
Variables for git commit template
"vscodeGitCommit.variables": {
"prefix": "keke",
"action": [
{
"label": "",
"detail": "❌ no action to describe"
},
{
"label": "add ",
"detail": "🆕 a new feature is introduced with the changes"
},
{
"label": "remove ",
"detail": "🗑️ removing code or files"
},
{
"label": "update ",
"detail": "🔧 an existing feature is updated with the changes"
},
{
"label": "move ",
"detail": "🚚 moving files, folders or code"
},
{
"label": "fix ",
"detail": "🐛 something was not correct and now it is"
},
{
"label": "change ",
"detail": "🔧 changing code or files without adding or removing"
},
{
"label": "improve ",
"detail": "🏁 performance improvements"
},
{
"label": "setup ",
"detail": "🔧 setting up the project or dependencies"
},
{
"label": "update dependencies ",
"detail": "🔧 updating dependencies"
}
],
"breaking": [
{
"label": "",
"detail": "❌ no breaking change to describe"
},
{
"label": "
BREAKING CHANGE",
"detail": "💥 a breaking change: a feature that was previously available will now behave differently"
}
],
"type": [
{
"label": "Feat",
"detail": "🆕 a new feature is introduced with the changes"
},
{
"label": "Fix",
"detail": "🔴 a bug fix has occurred"
},
{
"label": "Refactor",
"detail": "🔧 not bugfix, not feature, but code changes, works the same"
},
{
"label": "Chore",
"detail": "🧹 update dependency / changes to build tools or scripts / code doesn't change"
},
{
"label": "Perf",
"detail": "🏁 performance improvements"
},
{
"label": "Docs",
"detail": "🗄️ updates to documentation such as a the README or other markdown files"
},
{
"label": "Style",
"detail": "✨ changes to code formatting, like spaces or semicolons"
},
{
"label": "Test",
"detail": "🤖 including new or correcting previous tests"
},
{
"label": "Build",
"detail": "👷 changes that affect the build system or external dependencies "
},
{
"label": "CI",
"detail": "👾 continuous integration related"
},
{
"label": "Revert",
"detail": "🤕 reverts a previous commit"
},
{
"label": "WIP",
"detail": "🚧 work in progress"
}
]
}