Overview

Motivation

Statistics

JS/TS

Insert a log message

Comment inserted log messages

Uncomment log messages

Delete log messages

Correct log messages

PHP (Pro)

Insert a log message

Comment inserted log messages

Uncomment log messages

Delete log messages

Correct log messages

Settings

Custom Prefix

Custom Suffix

Log Function Type

Log Function Name

Custom delimiter

Custom quote

Use semicolon

Enclosing class

Enclosing function

Include file name and line number

Include file name

Include line num

Wrap log message

Line before log message

Line after log message

Include file name

Presentation

The includeFilename setting allows you to include the file name in log messages, helping you quickly identify the source of logs. This setting is useful for debugging complex projects where multiple files generate logs, making it easier to trace their origins.

Usage

  1. To enable the Include Filename setting: Go to VS Code settings: File β†’ Preferences β†’ Settings (or Code β†’ Preferences β†’ Settings on Mac). Search for includeFilename and toggle it on.

  2. In your code: Once enabled, Turbo Console Log will add the file name to log messages. Example output:

console.log('πŸš€ ~ myComponent.js β†’ SelectedVariable:', SelectedVariable);

The includeFilename setting enhances debugging by showing the file where logs originate. This setting is disabled by default.