Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Code HacksNew to Visual Studio Code? Get it now.
Code Hacks

Code Hacks

Code Hacks

|
1,806 installs
| (2) | Free
Able installing dependencies automatically based on what you require, make a react component based on what you select, delete logs, comment & uncomment logs, run code etc.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Hacks

Generic badge

Intro

Codehacks is a VS Code Extension that converts what may have otherwise be a boring or tedious task for most developers into simple commands. With Codehacks you can automatically install required/imported dependencies in a file, split React/Vue components into separate files, run highlighted code/functions, and use shortcuts/snippets to console.log a variable, comment/uncomment/delete console.logs.

Here is the direct link to our website

Instalation

Install Through VS Code Extensions. Search for Code Hacks

Features

  • Installing dependencies just by requiring or importing it on your code
  • Make React Component just by selecting the codes
  • Delete dummy consoles to clean your code
  • Delete all consoles in your folder
  • Generate a console.log by selecting the variable
  • Running the selected function based on your selection
  • Comment all consoles
  • Uncomment all consoles
  • Generate a .env file automatically by the variable and inputting the value

Usage

Install Dependencies

  • Use shortcut CTRL + SHIFT + P to open the Command Palette
  • Then input Install Dependencies and press enter or click on the suggestion
  • Or you can just use shortcut CTRL + ALT + 8


Make Component React

  • Select the code that you want change to be component
  • Use shortcut CTRL + SHIFT + P
  • Then input Make Component React and press enter or click on the suggestion
  • Input the component name then press enter
  • Or you can just use shortcut CTRL + ALT + '


Make Component Vue

  • Select the code that you want change to be component
  • Use shortcut CTRL + SHIFT + P
  • Then input Make Component Vue and press enter or click on the suggestion
  • Input the component name then press enter
  • Or you can just use shortcut CTRL + ALT + V


Generate Console.log

  • Use shortcut CTRL + SHIFT + P
  • Then input Console Logger and press enter or click on the suggestion
  • Or you can just use shortcut CTRL + ALT + A


Delete Log

  • Use shortcut CTRL + SHIFT + P
  • Then input Delete Log and press enter or click on the suggestion
  • Or you can just use shortcut CTRL + ALT + I


Delete Log Global

  • Use shortcut CTRL + SHIFT + P
  • Then input Delete Log Global and press enter or click on the suggestion

Run a code

  • Select the code/function that you want to run
  • Use shortcut CTRL + SHIFT + P
  • Then input Run Code Hacks and press enter or click on the suggestion
  • Or you can just use shortcut CTRL + ALT + 7


Comment Log & Uncomment Log

  • Use shortcut CTRL + SHIFT + P
  • Then input Comment Log to comment log or input Uncomment Log to uncomment all log and press enter or click on the suggestion
  • Or you can just use shortcut CTRL + ALT + 0 to commment all logs and CTRL + ALT + 9 to uncomment all logs


Generate .env file

  • Select the variable
  • Use shortcut CTRL + SHIFT + P
  • Then input Run Env and press enter or click on the suggestion
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft