Read this in Korean (한국어)
Quick Log is a JetBrains IDE plugin that helps you insert styled console.log statements quickly. It supports multi-cursor functionality, includes file name and line number in output, and streamlines debugging for JavaScript/TypeScript developers.
Quick Log plugin provides an easy way to add console.log statements for debugging JavaScript/TypeScript code:
- Auto-insert styled console.log statements after selecting a variable
- Include current file name and line number in the log output
- Use multi-cursor template when no text is selected
- Automatically maintain proper indentation
- Select the variable or text you want to log in your code.
- Press the shortcut key
Alt+L(default). - A console.log statement for the selected variable will be automatically inserted below the current line.
When you select the variable userName and press the shortcut:
const userName = "John";
console.log('fileName.js:2 | userName : ', userName);When you press the shortcut without selecting anything:
console.log('fileName.js:5 | ', );In this state, multi-cursors are activated, allowing you to type text at label and value positions simultaneously.
- Search for "Quick Log" in the JetBrains IDE plugin marketplace.
- Click the Install button.
- Restart your IDE.
You can change the plugin shortcut in the IDE settings:
- Go to
Settings/Preferences>Tools>Quick Log Settings. - Enter your desired shortcut combination (e.g.,
ctrl shift L). - Save the settings and restart the IDE.
- JetBrains IDEs: IntelliJ IDEA, WebStorm, PhpStorm, PyCharm, etc.
- IDE versions 242.* or higher (2024.2+)
Bug reports and feature requests are welcome through GitHub issues. Pull requests are also appreciated.
This project is distributed under the MIT License. See the LICENSE file for more details.
Made with ❤️ by 0r0loo
For the latest changes, please refer to the CHANGELOG.md file.