Visual Studio Code·1ywhy you don't need console.log
Reduce clutter from multiple console.log statements in your code by using log points in Visual Studio Code. Right-click on the gutter of the desired line, select 'Add Logpoint', and write your message. This method provides on-demand logging and eliminates the need for cleanup before deployment.
DEV·1yI Built an Open-Source Code Snippet Collection
SnipNest is an open-source collection for storing and sharing code snippets, created to alleviate the frequent need to search for the same solutions repeatedly. It uses MDX files for organizing snippets with metadata and offers a Visual Studio Code extension for easy access. The project encourages community contributions to expand its repository.
Coding Adda·1yCreate your Own AI Code Commentor and Run it on your machine using Ollama
Learn how to create and run your own AI code comment generator using Ollama and VsCode. This project leverages NodeJs and requires a machine capable of using LLMs. Follow the setup steps to install Ollama, pull a model, clone the project repository, and generate comments for your code files with a simple command.
Visual Studio Code·1yVisualizer Data Structures in VS Code
The debug visualizer extension in VS Code allows you to visualize data structures directly during debugging. Users can specify an expression to evaluate and choose how to visualize it, such as viewing linked lists as graphs or arrays as grids. This interactive tool can be particularly helpful for learning data structures or understanding algorithm behavior.
Laravel News·1yVS Code database management extension launches v2
DevDb, a lightweight VS Code extension for database management, has launched version 2.0. This update includes new features like one-click row deletion, easy column value editing, SQL query explanation using MySQL Visual Explain, and more keyboard shortcuts. It supports SQLite, MySQL/MariaDB, PostgreSQL, and Microsoft SQL Server, making it versatile for various developers.
Coding in Public·1yTHE VSCode extension for design systems
Enhance your design workflow in VSCode by using the CSS Var Complete extension to leverage CSS variables. This extension provides intellisense support for CSS variables, making it easier to access and use design tokens directly in your CSS files. Learn how to set up project-specific or global settings to automatically prompt collaborators to install the extension, ensuring a smooth development process.
Vuejs&Nuxtjs·1yVue Tip: Side-by-Side <script> and <template> Editing in VSCode
To facilitate easier editing of Vue Single File Components (SFCs) in VSCode, you can use the Vue: Split script, template, style Editors feature from the Vue - Official extension. This enables side-by-side viewing of the <script> and <template> sections, reducing the need to scroll excessively.
ITNEXT·1yUnderstanding the Language Server Protocol
The Language Server Protocol (LSP), introduced by Microsoft, allows for a standardized way to provide language-specific features like code completion, go to definition, and diagnostics across various code editors. By making language servers independent processes dedicated to language understanding, LSP enables any editor to utilize a standard language server, thereby enhancing interoperability and reducing complexity. LSP works using JSON-RPC for data encoding and communication between the editor and the language server.
Tech With Tim·1yA New Coding Assistant Just Arrived...
IBM's new AI-powered Watson X code assistant is designed to help developers streamline their workflow by automating tasks such as coding, documenting code, writing unit tests, and understanding complex functions. The tool works as an extension for VSS Code or Eclipse and is available for free trial. It offers features like code generation, document creation, explanation of code, and code translation between different programming languages, making coding more efficient and enjoyable.
Lobsters·1yMaking "this" less annoying
The post explores ways to make the `this` keyword less visually repetitive in web development. It offers two methods: overriding VS Code theme colors to dim the keyword and replacing the keyword with a custom glyph using a customized coding font. The author shares the emotional relief from reducing visual noise and entertains the idea of custom ligatures using CSS as a hypothetical solution.