ConsoleWrap for JS

Summary

This plugin places your selected variable in console.log as console.log('variable' , variable); javascript only. THIS IS NOT A SNIPPET.

Screenshot

Install

Git Clone

Clone this repository in to the Sublime Text "Packages" directory, which is located where ever the "Preferences" -> "Browse Packages" option in sublime takes you.

Key Binding

The default key binding is "ctrl+shift+q" and "ctrl+shift+alt+q" (insert before selection).

Key Binding Conflicts

Unfortunately there are other plugins that use "ctrl+shift+q", this is a hard problem to solve. If consolewrap doesn't work, then you have two options:

Add {"keys": ["ctrl+shift+q"], "command": "consolewrap"} to your user keybindings file. This will override anything specifid by a plugin.
Find the offending plugin, and change the shortcut in its sublime-keymap file (will revert on updates).

Usage

First you need to select a variable and press "ctrl+shift+q". The console.log line will appear on the next line. Press "ctrl+shift+q" again to change wrapping (info,warn etc.)

You can Also remove or comment all console.logs from your selsection or from all document

Edit settings to format output

{
	/*
		you can customize consoleStr as you wish for example "{title}, tmpVal = {variable}" to assigne value to temporary parameter output: console.log('title', tmpVal = variable);
	*/
    "consoleStr": "{title}, {variable}",
    "consoleFunc": ["console", "log"], // you can change default log statement for example ["logger", "info"] output: logger.info('title', variable);
    "single_quotes": false, // if true output: console.log('title', variable);
    "supportedFileTypes" : [
    	"text.html.vue",
    	"source.ts",
    	"source.tsx",
    	"source.coffee",
    	"source.js",
    	"text.html.basic",
    	"text.html.blade",
    	"text.html.twig"
    ],
    "log_types": ["log", "info", "warn", "error"]
}

bijoythomas/consolewrap