jaluik / dot-log

vscode extension to transfer xxx.log to console.log(xxx) automaticly

Dot Log

A vscode extension that uses .log to log params to the console.

Download

Search Dot Log in vscode extension markets.

Usage

xxx.log => console.log('xxx', xxx)
xxx.clg => console.log('xxx', xxx )
xxx.cwa => console.warn('xxx', xxx)
xxx.cer => console.error('xxx', xxx)
'xxxx'.log => console.log('xxxx')

Advanced

You can customize how to log the result by change VS Code Configuration Settings.

    //-------- Dot Log Configuration --------
    "dotLog.config": [
        {
            "trigger": "log",  // it means .log can trigger the completion.
            "description": "quick console.log result", // it  shows completion description when triggered.
            "format": "console.log",  //the result will be format like "console.log('xxx', xxx)"
            "hideName": false,  // if set true, then xxx.log =>  console.(xxx);
            "prefix": "",  // add the  prefix or suffix to console.log(`${prefix}xxx ${suffix}`, xxx)
            "suffix": "",
        }
    ]

for example, if you set config like this, then the result will be xxx.exam ===> example.log("before xxx after", xxx)

 "dotLog.config": [
        {
            "trigger": "exam",
            "description": "show example",
            "format": "example.log",
            "hideName": false,
            "prefix": "before ",
            "suffix": " after",
        }
    ]

the default config is show below, you can copy it and edit it.

    "dotLog.config": [
        {
            "trigger": "log",
            "description": "quick console.log result",
            "format": "console.log",
        },
        {
            "trigger": "clg",
            "description": "quick console.log result",
            "format": "console.log",
        },
        {
            "trigger": "cwa",
            "description": "quick console.warn result",
            "format": "console.warn",
        },
        {
            "trigger": "cer",
            "description": "quick console.err result",
            "format": "console.error",
        }
  ]

MIT © jaluik

dot-log's Issues

关于.log不能输出带有空格的代码段

使用.log进行输出，例如：typeof result （却只会输出result，而把typeof 忽略了）

format能否支持更高自由度的配置

// 例如以下的例子
// format: console.log($1)
test.log => console.log(test)

// format: console.log("$1", $1)
test.log => console.log("test", test)

// format: console.log($1, '$1')
test.log => console.log(test, 'test')

// format: console.log(`%c$1`, "color:red")
test.log => console.log(`%c${test}`, "color:red")

建议添加置顶xxx.log的提示顺序的功能

vue开发需要用到vetur，vetur又自带一个log提示，导致xxx.log的时候得得按下方向键再tab

[...new Array(10)].log 无法返回期待的结果

vscode : [...new console.log('Array(10)]',Array(10)])
webstorm : console.log([...new Array(10)]);

关于 .log 与 .clg 重合问题

.log输出字符串会自动转变问题

当我用.log输出一个字符串，但是.log给自动转换为了变量的问题

关于.html使用不了的问题

你好可以解决.html文件内的script标签不能使用的问题吗

Plain log and Object Log?

Hello, I am hoping you can support these?

const age = 100;
console.log(age); // plain value
console.log({ age }); // wrap in object

I prefer this over using a string before the log.

Is it possible?

打印输出的内容可以优化一下嘛