Tag: vscode

Git Compare Ref Open, a small extension for a thing I do 100 times a day

I'm in a file. I want to see it against main, or against yesterday's commit, or against the branch I'm rebasing. Not the whole repo in a web UI. Not a custom diff panel. The normal VS Code diff, the one that already feels right.

VMs & Devcontainers

Dev Tooling is INVASIVE. Don’t install, containerize.

Getting YOLO mode in GitHub Copilot with VS Code

Stop Guessing: MCP Elicitations Come To Visual Studio Code

VS Code now supports MCP elicitations from the 2025-06-18 spec, letting servers prompt users with structured native dialogs instead of guessing at parameters.

Visual Studio Code Now Supports MCP Authorization

VS Code Insiders implements the new MCP authorization spec while gracefully falling back to the 2025-03-26 version, demonstrated against the Sentry MCP server.

VSCodeで新規ファイルを常にマークダウンで開く

Using lazy.nvim in VSCode on Windows

I've been using VSCode Neovim for a while, but had been irritated at the tradeoff of access to the VSCode ecosystem at the cost of losing my once-heavily curated .vimrc setup. Turns out you don't have to live that way! A lot of doing dev work on Windows feels like making a Rube Goldberg machine to make it behave more like Linux, and this is not particularly different, but I do wish I'd moved faster to replicate my preferred IDE setup in VSCode. You really can have your cake and eat it too, sort

Getting Wezterm + Zellij to Open Files in VS Code

How to use WezTerm's hyperlink rules to open files in VS Code from Zellij

Antonio Scandurra - Atom, Zed and the Future of Text Editors

Antonio Scandurra shares lessons from building Atom and discusses Zed's Rust-powered approach to creating the next generation of collaborative text editors.

Gain control over commit messages generated by GitHub Copilot

Use the github.copilot.chat.codeGeneration.useInstructionFiles setting in Visual Studio Code to automatically add instructions to the commit messages generated by GitHub Copilot.

My recommendations to configure Visual Studio Code for Angular Development

Enhance your Angular development experience by installing the extensions mentioned in this article. We'll also modify a couple of settings in Visual Studio Code to make it easier to work with.

Windows間のアプリ移行が簡単だった

Windows間のアプリ移行が簡単だった

VSCodeのドットファイルをGithubで管理し常に最新を共有する

VSCode

Configure Ollama on Dev Containers and VS Code

Set up Ollama on your Dev Container development environments and get started using AI models locally in your projects

Herrington Darkholme - AST Grep, Searching Code with Code

Herrington Darkholme demonstrates AST Grep's powerful code search capabilities using abstract syntax trees instead of traditional regex patterns.

Setting up your Rust development environment using Dev Containers

Configure Dev Containers for full-featured development environments that can be used locally or in the cloud with Docker, VS Code, and GitHub Codespaces

Help! VS Code isn't Using the Right Shell!

Help! VS Code isn't Using the Right Shell!

VS Codeの拡張機能「Ascii Tree Generator」を使用しツリーファイル構造をサクッと作成する

Making a robots.txt syntax highlighter for VS Code

I was asking ChatGPT to read some posts from my site and summarise them for me, I was a bit surprised when I got the response “I wasn’t able to directly access the URL you provided due to restrictions on the webpage.” from the bot. It was then that...

WardPressの管理をGit Flowで管理していたが、VSCodeの拡張機能「WordPress Post」を使うことで世界が変わった。

VSCodeの拡張機能「Draw.io Integration」でER図を作成する

Steps I take to fix stubborn TypeScript errors in VS Code

Sometimes fixing a TypeScript or eslint error in VS Code can feel impossible. Here's what I do when I have exhausted all my resources.

Steps I take to fix stubborn TypeScript errors in VS Code

Sometimes fixing a TypeScript or eslint error in VS Code can feel impossible. Here's what I do when I have exhausted all my resources.

Refactoring TypeScript React components in VS Code

Extracting types from a JavaScript object is a common task in TypeScript. This post shows how to do it with VS Code.

Refactoring TypeScript React components in VS Code

Extracting types from a JavaScript object is a common task in TypeScript. This post shows how to do it with VS Code.

Get started with TiddlyWiki in VS Code

Downlaod and set up TiddlyWiki for use in VS Code

Dr. Chris Weichel - GitPod

Dr. Chris Weichel, CTO of GitPod, discusses building cloud development environments and applying human-computer interaction research to developer tools.

My Development Setup

In this article I will present you what tools I am using during my day-to-day development. Also I will show you a list of extensions and their purpose that help me (and probably you too!) to be more productive.

My Second Brain - Zettelkasten

For as long as I have been learning web development () I have been taking notes. Partly notes to help clarify my understanding of something and partly for future me. That’s why I have my digital garden, an online collection of my learning over the...

My Top Ten Visual Studio Code Extensions 2020

My list of VS Code extensions I use in my daily development workflow. I’ll detail the package name to search for in the VS Code extensions tab.

VS Code Tips and Snippets

Use the same frontmatter block all the time for your blog posts? I do, so I’ve created a VS Code snippet to pre-populate the block with some default tags and today’s date.

Writing a dev.to blog post with VSCode

Writing and publishing a dev.to blog post directly within VSCode

Vim から VS Code へ覚悟を持って移行する

Vim から VS Code へ覚悟を持って移行する・・・！ 前提 Vim と言いつつも、非 Vimmer が読んでも最低限分かる配慮はする 普段から Vim を使っているが、 そろそろちゃんとしたレールに乗らねば と思っている プラグインのアップデートに自分が追いつけなくなりつつある mouse / trackpad を使ったら負け 移行前に知るべきこと そもそも VS Code をもっと知らないといけない。 VS Code の基本的な知識が足りないので以下を押さえます。 公式はとりあえず全部読む Documentation for Visual Studio Code Your home for multi-agent development. Explore AI agents, coding tools, extensions, and everything … code.visualstudio.com 左上 Explorer, Search, VCS/Git, Debug, Extensions の5つがメイン機能 それ以外の便利機能、エラー表示、ターミナル表示、コマンドパレット（vscode 上のコマンド）がある コマンドパレットから shell command で探すと、 code コマンドのインストールができる CLI からは code . という立ち上げ方が一般的 プロジェクトごとの設定は、 .vscode ディレクトリが生成されて、その中に設定ファイルが置かれる Explorer Explorer は今のディレクトリ配下のファイルをツリー形式で表示してくれます。 Shift + Command + E で開くことができます。

Blogging Tools

Visual Studio Code And docs.microsoft.com API Docs

Building a cross-platform VS Code extension that performs docs.microsoft.com API documentation lookups, scaffolded with Yeoman and TypeScript.

Angular.Schule: Extension Pack

Gut vorbereitet in den Workshop:Unsere Visual Studio Code Extension richtet den Editor für Angular ein.

My first Microsoft Visual Studio Code [VS Code] extension

I’m a published developer! sort of Well that was a bit painful, well not actually I mean from the documentation I feel I was a bit mislead.