# VSCode

Published articles for VSCode.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Vim wants you to control, VSCode wants you to consume

DevFeed: [Vim wants you to control, VSCode wants you to consume](<https://devfeed.tech/articles/vim-wants-you-to-control-vscode-wants-you-to-consume-25508.md>)

Original publisher: [Read original article](<https://buttondown.com/hillelwayne/archive/vim-wants-you-to-control-vscode-wants-you-to/>)

Author: Hillel Wayne

Published: 2026-08-18T16:26:05Z

Content type: opinion

Language: en

Sources: [Newsletter feed for Hillel Wayne's Newsletter](<https://devfeed.tech/sources/newsletter-feed-for-hillel-wayne-s-newsletter.md>)

Topics: [Vim](<https://devfeed.tech/topics/vim.md>), [Neovim](<https://devfeed.tech/topics/neovim.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [configuration](<https://devfeed.tech/topics/configuration.md>), [Emacs](<https://devfeed.tech/topics/emacs.md>)

Tags: [command-line](<https://devfeed.tech/tags/command-line.md>), [config](<https://devfeed.tech/tags/config.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [vim](<https://devfeed.tech/tags/vim.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

The article contrasts Vim and Neovim's programmable, state-oriented configuration with VSCode's static configuration and fixed built-in commands. It argues that Vim-based editors provide substantially more direct control over editor behavior, while also requiring more configuration and commitment.

### Source excerpt

Newsletter updates were sporadic in July because of two weddings, two conferences (with two different talks!), and finishing Logic for Programmers. Huge thank you to everybody who bought a copy, as well as for your patience with the schedule. There's some podcast appearances, a conf talk, and a book sale at the end of this post. Newsletter updates will be sporadic in August because I just started my Developer Educator job at Antithesis. I'll have less time to write because I'll be working 40 hour workweeks, about 8 hours of which being actual work and the other 32 being bashing my head against NixOS. NixOS is the standard developer OS at the company. It's also a notoriously difficult distro to learn even for Linux heads, and I'm coming from Windows. The only way I am going to get anywhere is to go all in and commit fully to the NixOS philosophy.1 For one, I'm seeing how long I can last without my customary 2000-line Neovim config. Which immediately raises the question as to why I have 2000 lines of Neovim config. It's because Vim2 (and Emacs) think of configuration in a very different way than more popular editors do. Control and Consumption Say we want to make ctrl+n to save the current file. In VSCode, you put this in keybindings.json: [ { "key": "ctrl+n", "command": "workbench.action.files.save" } ] In Neovim, you put this in init.lua: vim.keymap.set('n', '<c-n>', function() vim.cmd.write() end) Now, a couple of differences to see. First, the VSCode example is invoking a fixed, built-in command, while Neovim can bind an arbitrary function. Second, in VSCode you edit a static configuration file with static data, while in Neovim you execute a command that edits the running editor state. In fact, it doesn't even need to be in a configuration file: you can add a new keymap directly from the command line. Though you'd probably instead do that command in the OG Vim way: map <c-n> :w<CR> And that does something different than a function: it makes pressing ctrl+n mean "d

## Running Tests with Playwright Test Explorer and Generating Tests with Codegen

DevFeed: [Running Tests with Playwright Test Explorer and Generating Tests with Codegen](<https://devfeed.tech/articles/running-tests-with-playwright-test-explorer-and-generating-tests-with-codegen-22423.md>)

Original publisher: [Read original article](<https://www.tjmaher.com/2026/08/running-tests-with-playwright-test.html>)

Author: T.J. Maher (noreply@blogger.com)

Published: 2026-08-11T03:00:47Z

Content type: tutorial

Language: en

Sources: [T.J. Maher](<https://devfeed.tech/sources/t-j-maher.md>)

Topics: [Playwright](<https://devfeed.tech/topics/playwright.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [browser](<https://devfeed.tech/topics/browser.md>)

Tags: [browsers](<https://devfeed.tech/tags/browsers.md>), [bun-create-playwright](<https://devfeed.tech/tags/bun-create-playwright.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [playwright](<https://devfeed.tech/tags/playwright.md>), [testing](<https://devfeed.tech/tags/testing.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

A tutorial on using Playwright Test Explorer in VS Code to discover, run, and debug tests across Chromium, Firefox, and WebKit, and on using Playwright's CodeGen to generate test drafts with locators and assertions from browser interactions.

### Source excerpt

Finding the best locator for a web element can be a hassle: Right clicking on an element in Google Chrome. Inspecting the element. Going to Chrome Developer Tools. Try to decide what to do if there isn't a clear test id. Playwright comes with a built in code generator where it can built out a rough draft of a test while you interact with a website. "Playwright will look at your page and figure out the best locator, prioritizing role, text and test id locators. If the generator finds multiple elements matching the locator, it will improve the locator to make it resilient that uniquely identify the target element", according to Playwright.dev / Test Generator. Do you have the Integrated Development Environment (IDE) by Microsoft, VS Code? You can get it at the Visual Studio Marketplace. Playwright Test Explorer Playwright.dev / Getting Started VS Code: https://playwright.dev/docs/getting-started-vscode After installation, you will see a beaker icon in your VS Code left navigation menu. Selecting that, you can see your tests, such as the default ones Playwright automatically adds when it is installed: Here you can see that Test Explorer has discovered the test suite example.spec.ts, along with two tests it created: has title: Verifies that if you go to playwright.dev, that it has a link titled "Get Started". get started link: Verifies at playwright.dev that after clicking on Get Started link, the heading says "Installation". Selecting the green arrow button will open up three browser windows: Chromium, Firefox, and a WebKit browser created by Playwright, mimicking Safari. It will run a total of six tests. But wait! There's more! You can: Run a single test. Run all tests at different levels. Run on multiple browsers. Show a browser. You can also debug your tests: Set breakpoints by clicking on the gutter next to a line number Right clicking the test and select "Debug test". Running your test will pause at your breakpoint, allowing you to step through your code. You can

## The npm worm that installs itself into your coding agent

DevFeed: [The npm worm that installs itself into your coding agent](<https://devfeed.tech/articles/the-npm-worm-that-installs-itself-into-your-coding-agent-16036.md>)

Original publisher: [Read original article](<https://workos.com/blog/npm-worm-coding-agent-config-credentials>)

Author: WorkOS

Published: 2026-08-06T15:20:55Z

Content type: article

Language: en

Sources: [WorkOS Blog](<https://devfeed.tech/sources/workos-blog.md>)

Topics: [npm](<https://devfeed.tech/topics/npm.md>), [Claude Code](<https://devfeed.tech/topics/claude-code.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [claude-code](<https://devfeed.tech/tags/claude-code.md>), [code](<https://devfeed.tech/tags/code.md>), [github](<https://devfeed.tech/tags/github.md>), [hooks](<https://devfeed.tech/tags/hooks.md>), [npm-worm](<https://devfeed.tech/tags/npm-worm.md>), [repo](<https://devfeed.tech/tags/repo.md>), [shai-hulud](<https://devfeed.tech/tags/shai-hulud.md>), [vscode](<https://devfeed.tech/tags/vscode.md>), [worm](<https://devfeed.tech/tags/worm.md>)

### AI overview

The article analyzes a Shai-Hulud npm worm that plants executable hooks in .claude/settings.json and .vscode/tasks.json. Opening a compromised repository can trigger the payload in VS Code or Claude Code, creating an attack path that install-time defenses may not detect.

### Source excerpt

A Shai-Hulud wave plants hooks in .claude/settings.json and .vscode/tasks.json, so opening a repo runs the payload. Agent config is executable surface now.

## Breakpoint 2026: Highlights from Day 3

DevFeed: [Breakpoint 2026: Highlights from Day 3](<https://devfeed.tech/articles/breakpoint-2026-highlights-from-day-3-12619.md>)

Original publisher: [Read original article](<https://www.browserstack.com/blog/breakpoint-2026-highlights-from-day-3/>)

Author: Shweta Chhillar

Published: 2026-06-02T13:03:05Z

Content type: article

Language: en

Sources: [BrowserStack Blog](<https://devfeed.tech/sources/browserstack-blog.md>)

Topics: [Testing](<https://devfeed.tech/topics/testing.md>), [AI Agent](<https://devfeed.tech/topics/ai-agent.md>), [Model Context Protocol](<https://devfeed.tech/topics/model-context-protocol.md>), [Test automation](<https://devfeed.tech/topics/test-automation.md>), [MCP](<https://devfeed.tech/topics/mcp.md>), [LangChain](<https://devfeed.tech/topics/langchain.md>), [observability](<https://devfeed.tech/topics/observability.md>), [Retrieval Augmented Generation (RAG)](<https://devfeed.tech/topics/retrieval-augmented-generation-rag.md>), [Playwright](<https://devfeed.tech/topics/playwright.md>), [Cypress](<https://devfeed.tech/topics/cypress.md>), [debugging](<https://devfeed.tech/topics/debugging.md>), [Selenium](<https://devfeed.tech/topics/selenium.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [agent](<https://devfeed.tech/tags/agent.md>), [ai](<https://devfeed.tech/tags/ai.md>), [automation](<https://devfeed.tech/tags/automation.md>), [breakpoint](<https://devfeed.tech/tags/breakpoint.md>), [ci-cd](<https://devfeed.tech/tags/ci-cd.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [github](<https://devfeed.tech/tags/github.md>), [github-copilot](<https://devfeed.tech/tags/github-copilot.md>), [langchain](<https://devfeed.tech/tags/langchain.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [model-context-protocol](<https://devfeed.tech/tags/model-context-protocol.md>), [observability](<https://devfeed.tech/tags/observability.md>), [qa](<https://devfeed.tech/tags/qa.md>), [rag](<https://devfeed.tech/tags/rag.md>), [testing](<https://devfeed.tech/tags/testing.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

A recap of Breakpoint 2026 Day 3 covering practical masterclasses and lightning talks on AI-driven test generation, non-deterministic testing, MCP-powered QA workflows, automated AI evaluation, and production testing practices.

### Source excerpt

All sessions, masterclasses, and lightning talks from Breakpoint 2026 Day 3, covering AI agent testing, test automation with LangChain and CrewAI, MCP-powered QA workflows, Playwright network interception, non-deterministic testing, and building production-grade AI systems.

## Haskell Debugger for GHC 9.14

DevFeed: [Haskell Debugger for GHC 9.14](<https://devfeed.tech/articles/haskell-debugger-for-ghc-9-14-27920.md>)

Original publisher: [Read original article](<http://alt-romes.github.io/posts/2026-01-07-haskell-debugger-for-ghc914.html>)

Published: 2026-01-07T00:00:00Z

Content type: tutorial

Language: en

Sources: [Romes' Musings](<https://devfeed.tech/sources/romes-musings.md>)

Topics: [debugging](<https://devfeed.tech/topics/debugging.md>), [Haskell](<https://devfeed.tech/topics/haskell.md>), [Neovim](<https://devfeed.tech/topics/neovim.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [Protocol (disambiguation)](<https://devfeed.tech/topics/protocol.md>), [GitHub Issues](<https://devfeed.tech/topics/github-issues.md>)

Tags: [bytecode](<https://devfeed.tech/tags/bytecode.md>), [crashes](<https://devfeed.tech/tags/crashes.md>), [debugger](<https://devfeed.tech/tags/debugger.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [editor](<https://devfeed.tech/tags/editor.md>), [haskell](<https://devfeed.tech/tags/haskell.md>), [issue](<https://devfeed.tech/tags/issue.md>), [performance](<https://devfeed.tech/tags/performance.md>), [protocol](<https://devfeed.tech/tags/protocol.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

This article announces that the Haskell Debugger is ready for GHC 9.14 and explains how to install it and configure editors through the Debug Adapter Protocol. It covers VSCode and Neovim integration, project-based session configuration, robustness goals, current limitations, and planned callstack and multithreading support.

### Source excerpt

This post was first published inline to the Haskell Discourse, where there was some discussion about the debugger: 1 The Haskell Debugger for GHC 9.14 The Haskell Debugger is ready to use with GHC-9.14! The installation, configuration, and talks can be found in the official website. The tl;dr first step is installing the debugger: $ ghc --version # MUST BE GHC 9.14 The Glorious Glasgow Haskell Compilation System, version 9.14.1 $ cabal install haskell-debugger \ --allow-newer=base,time,containers,ghc,ghc-bignum,template-haskell \ --enable-executable-dynamic # ON WINDOWS, DO NOT PASS --enable-executable-dynamic ... $ ~/.local/bin/hdb --version # VERIFY IT'S THE LATEST! Haskell Debugger, version 0.11.0.0 The second step is configuring your editor to use the debugger via the Debug Adapter Protocol (DAP). - For VSCode, install the haskell debugger extension. - For Neovim, install nvim-dap and configure it for haskell-debugger - For other editors, consult your DAP documentation and let others know how! Bug reports and discussions are welcome in the haskell-debugger issue tracker. My MuniHac 2025 talk also walks through the installation, usage, and design of the debugger. Do note much has been improved since the talk was given, and much more will still improve. 1.1 A little bit more info The debugger work is sponsored by Mercury. It's the project in which I've spent most of my full working days (for almost a full year now), with the invaluable help from my team at Well-Typed. The debugger is meant to work both on trivial files and on large and complex codebases1. It is a GHC application so all features are supported. Like HLS, it also uses hie-bios to automatically configure the session based on your cabal or stack project. Robustness is a main goal of the debugger. If anything doesn't work, or if you have performance issues, or something crashes, please don't hesitate to submit a bug. We've got a small but respectable testsuite, and have tested performance by debugging G

## Using Stencil Templates for Code Generation in iOS Development

DevFeed: [Using Stencil Templates for Code Generation in iOS Development](<https://devfeed.tech/articles/stencil-30695.md>)

Original publisher: [Read original article](<https://habr.com/ru/companies/hh/articles/973028/>)

Author: CleverDevilV (hh.ru)

Published: 2025-12-04T09:45:15Z

Content type: tutorial

Language: ru

Sources: [HeadHunter RU](<https://devfeed.tech/sources/headhunter-ru.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [Swift](<https://devfeed.tech/topics/swift.md>), [Figma](<https://devfeed.tech/topics/figma.md>), [Kotlin](<https://devfeed.tech/topics/kotlin.md>), [JSON](<https://devfeed.tech/topics/json.md>), [Sublime Text](<https://devfeed.tech/topics/sublime-text.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [Xcode](<https://devfeed.tech/topics/xcode.md>)

Tags: [figma](<https://devfeed.tech/tags/figma.md>), [filter](<https://devfeed.tech/tags/filter.md>), [ios](<https://devfeed.tech/tags/ios.md>), [ios-92ecabba3495](<https://devfeed.tech/tags/ios-92ecabba3495.md>), [join](<https://devfeed.tech/tags/join.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [split](<https://devfeed.tech/tags/split.md>), [swift](<https://devfeed.tech/tags/swift.md>), [tag-3383f6fe7741](<https://devfeed.tech/tags/tag-3383f6fe7741.md>), [tag-e95ee8b94dca](<https://devfeed.tech/tags/tag-e95ee8b94dca.md>), [text](<https://devfeed.tech/tags/text.md>), [vscode](<https://devfeed.tech/tags/vscode.md>), [xcode](<https://devfeed.tech/tags/xcode.md>)

### AI overview

A tutorial introducing Stencil, a template language used to automate code and file generation in iOS development. It explains the language's syntax, data structures, filters, and tags, and describes applications involving Swift, Figma-exported design-system data, analytics events, Kotlin files, JSON input, and editor support.

### Source excerpt

Что любят все разработчики? Конечно, автоматизировать рутинные повторяющиеся действия! Я расскажу, как в этом может помочь язык Stencil, широко известный в узких кругах iOS-разработчиков. Читать далее

## Cypress vs Playwright; Browser Included

DevFeed: [Cypress vs Playwright; Browser Included](<https://devfeed.tech/articles/cypress-vs-playwright-browser-included-28881.md>)

Original publisher: [Read original article](<https://glebbahmutov.com/blog/cy-vs-pw-browser/>)

Author: Gleb Bahmutov

Published: 2025-09-30T04:00:00Z

Content type: comparison

Language: en

Sources: [Gleb Bahmutov](<https://devfeed.tech/sources/gleb-bahmutov.md>)

Topics: [Cypress](<https://devfeed.tech/topics/cypress.md>), [Playwright](<https://devfeed.tech/topics/playwright.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [comparison](<https://devfeed.tech/tags/comparison.md>), [cypress](<https://devfeed.tech/tags/cypress.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [playwright](<https://devfeed.tech/tags/playwright.md>), [products](<https://devfeed.tech/tags/products.md>), [testing](<https://devfeed.tech/tags/testing.md>), [vscode](<https://devfeed.tech/tags/vscode.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

This article compares Cypress and Playwright by examining how each exposes the browser and application during testing. It argues that Cypress's live application view in a real browser can make inspecting markup, interacting with the app, and developing tests more efficient, while Playwright offers DOM snapshots, headed execution, and an inspector for stepping through commands.

### Source excerpt

Recently I watched a pretty good video Cypress vs Playwright side-by-side coding co

## Tell Copilot Where To Find Test Selectors

DevFeed: [Tell Copilot Where To Find Test Selectors](<https://devfeed.tech/articles/tell-copilot-where-to-find-test-selectors-28896.md>)

Original publisher: [Read original article](<https://glebbahmutov.com/blog/tell-copilot-where-to-find-test-selectors/>)

Author: Gleb Bahmutov

Published: 2025-09-22T04:00:00Z

Content type: tutorial

Language: en

Sources: [Gleb Bahmutov](<https://devfeed.tech/sources/gleb-bahmutov.md>)

Topics: [Cypress](<https://devfeed.tech/topics/cypress.md>), [selectors](<https://devfeed.tech/topics/selectors.md>), [GitHub Copilot](<https://devfeed.tech/topics/github-copilot.md>), [AI-assisted coding](<https://devfeed.tech/topics/ai-assisted-coding.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [copilot](<https://devfeed.tech/tags/copilot.md>), [cypress](<https://devfeed.tech/tags/cypress.md>), [guide](<https://devfeed.tech/tags/guide.md>), [products](<https://devfeed.tech/tags/products.md>), [selectors](<https://devfeed.tech/tags/selectors.md>), [testing](<https://devfeed.tech/tags/testing.md>), [tests](<https://devfeed.tech/tags/tests.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

This tutorial explains how to use GitHub Copilot instruction files to help generate more precise Cypress end-to-end tests. It recommends pointing Copilot to application source files so it can identify stable, test-specific selectors instead of guessing generic or misleading selectors.

### Source excerpt

I have shown how to use Copilot instructions fil

## What's new in Astro - August 2025

DevFeed: [What's new in Astro - August 2025](<https://devfeed.tech/articles/what-s-new-in-astro-august-2025-3356.md>)

Original publisher: [Read original article](<https://astro.build/blog/whats-new-august-2025/>)

Author: Sarah Rainsberger

Published: 2025-08-31T00:00:00Z

Content type: news

Language: en

Sources: [The Astro Blog](<https://devfeed.tech/sources/the-astro-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [VS Code Extension](<https://devfeed.tech/topics/vscode-extension.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Obsidian](<https://devfeed.tech/topics/obsidian-md.md>), [Notion](<https://devfeed.tech/topics/notion.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Submodules](<https://devfeed.tech/topics/submodules.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [astro](<https://devfeed.tech/tags/astro.md>), [github](<https://devfeed.tech/tags/github.md>), [news](<https://devfeed.tech/tags/news.md>), [submodules](<https://devfeed.tech/tags/submodules.md>), [updates](<https://devfeed.tech/tags/updates.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

This August 2025 Astro ecosystem update highlights Astro 5.13, including experimental environment-variable improvements and Chrome DevTools workspace support. It also covers Astro adoption, community projects, upcoming team appearances, and discussions about using Obsidian, Notion, or GitHub as content management systems for Astro sites.

### Source excerpt

August 2025 - 1 million Astro VSCode extension installs, easier ways to contribute to Astro, and more!

## What's new in Svelte: July 2025

DevFeed: [What's new in Svelte: July 2025](<https://devfeed.tech/articles/what-s-new-in-svelte-july-2025-3090.md>)

Original publisher: [Read original article](<https://svelte.dev/blog/whats-new-in-svelte-july-2025>)

Author: Dani Sandoval

Published: 2025-07-01T00:00:00Z

Content type: article

Language: en

Sources: [Svelte blog](<https://devfeed.tech/sources/svelte-blog.md>)

Topics: [Svelte](<https://devfeed.tech/topics/svelte.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Discord](<https://devfeed.tech/topics/discord.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>)

Tags: [2025](<https://devfeed.tech/tags/2025.md>), [blog](<https://devfeed.tech/tags/blog.md>), [browser](<https://devfeed.tech/tags/browser.md>), [bug-fixes](<https://devfeed.tech/tags/bug-fixes.md>), [cli](<https://devfeed.tech/tags/cli.md>), [discord](<https://devfeed.tech/tags/discord.md>), [libraries](<https://devfeed.tech/tags/libraries.md>), [monitoring](<https://devfeed.tech/tags/monitoring.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vite](<https://devfeed.tech/tags/vite.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

A July 2025 update covering new Svelte and SvelteKit features, including Svelte 5 source-name logging, SvelteKit support for Vite 7 and Rolldown, browser-mode testing in the sv CLI, and improved symbol search in VSCode. It also highlights Svelte community projects, learning resources, workshops, and the shadcn-svelte v1 release.

### Source excerpt

Whether you're trying out Vite 7, vitest browser mode or remote functions, there's lots of experimental features to try this month. Want some Svelte swag while you're chatting on Discord? With the new sv ⚡ server tag, you do just that. While signed into Discord, you can adopt our tag via profile settings. There's a bunch to cover, from blog posts to new libraries, so let's dive in... What's new in Svelte and SvelteKit $inspect.trace now includes source name logging to make it easy to find which file the log came from (svelte@5.34.0, Docs, #16060) The latest version of SvelteKit now supports Vite 7 and Rolldown. Compilation should be faster using Rolldown, but with larger bundle sizes until additional tree-shaking is implemented in Rolldown (kit@2.22.0, Docs, #13747) For a full list of bug fixes in Svelte, SvelteKit and its adapters, check out their CHANGELOGs here and here. What's new in the CLI and Language Tools The sv CLI now supports Vite's browser mode in Vitest - allowing you to run your tests in the browser natively (cli@0.8.12, Docs, #588) The language server now makes it easier to search for symbol names (Ctrl + T in VSCode). Some of the handling is also synced to the Svelte TypeScript plugin so that it's more consistent, which also means vscode can better deduplicate the results from both tsserver and Svelte language server (extensions@109.9.0, #2769) Community ShowcaseApps & Sites built with Svelte Planet Poster is an interactive art work inspired by a poster of, you guessed it, planets roomy-worlds lets you create small 3d worlds and share/edit with your community Prodcast lets you discover products curated from your favorite podcasts Distill automates company and industry monitoring with all news, updates, and summarized insights in one place thom.chat is an open-source alternative/clone to T3 Chat Visual Source is a GUI for managing your projects design tokens Learning Resources Featuring Svelte Contributors and Ambassadors Type-Safe Persistence and Au

## Phoenix.new - The Remote AI Runtime for Phoenix

DevFeed: [Phoenix.new - The Remote AI Runtime for Phoenix](<https://devfeed.tech/articles/phoenix-new-the-remote-ai-runtime-for-phoenix-1715.md>)

Original publisher: [Read original article](<https://fly.io/blog/phoenix-new-the-remote-ai-runtime/>)

Published: 2025-06-20T00:00:00Z

Content type: article

Language: en

Sources: [The Fly Blog](<https://devfeed.tech/sources/the-fly-blog.md>)

Topics: [phoenix](<https://devfeed.tech/topics/phoenix.md>), [Elixir](<https://devfeed.tech/topics/elixir.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>), [coding](<https://devfeed.tech/topics/coding.md>), [fly.io](<https://devfeed.tech/topics/fly-io.md>), [fly](<https://devfeed.tech/topics/fly.md>), [browser](<https://devfeed.tech/topics/browser.md>), [real-time](<https://devfeed.tech/topics/real-time.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [agents](<https://devfeed.tech/tags/agents.md>), [ai](<https://devfeed.tech/tags/ai.md>), [browser](<https://devfeed.tech/tags/browser.md>), [cdn](<https://devfeed.tech/tags/cdn.md>), [close-to-users](<https://devfeed.tech/tags/close-to-users.md>), [coding](<https://devfeed.tech/tags/coding.md>), [deploy-app-servers](<https://devfeed.tech/tags/deploy-app-servers.md>), [docker](<https://devfeed.tech/tags/docker.md>), [elixir](<https://devfeed.tech/tags/elixir.md>), [fly](<https://devfeed.tech/tags/fly.md>), [fly-io](<https://devfeed.tech/tags/fly-io.md>), [heroku-alternative](<https://devfeed.tech/tags/heroku-alternative.md>), [heroku-competitor](<https://devfeed.tech/tags/heroku-competitor.md>), [hosting](<https://devfeed.tech/tags/hosting.md>), [i](<https://devfeed.tech/tags/i.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [networking](<https://devfeed.tech/tags/networking.md>), [phoenix](<https://devfeed.tech/tags/phoenix.md>), [postgresql-clusters](<https://devfeed.tech/tags/postgresql-clusters.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [servers](<https://devfeed.tech/tags/servers.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

Phoenix.new is a fully online coding agent tailored to Elixir and Phoenix. It runs in a browser-backed, isolated Fly Machine with shell access, a VSCode interface, and browser tools that let the agent inspect front-end changes and JavaScript state while building real-time collaborative applications.

### Source excerpt

I'm Chris McCord, the creator of Elixir's Phoenix framework. For the past several months, I've been working on a skunkworks project at Fly.io, and it's time to show it off. I wanted LLM agents to work just as well with Elixir as they do with Python and JavaScript. Last December, in order to figure out what that was going to take, I started a little weekend project to find out how difficult it would be to build a coding agent in Elixir. A few weeks later, I had it spitting out working Phoenix applications and driving a full in-browser IDE. I knew this wasn't going to stay a weekend project. If you follow me on Twitter, you've probably seen me teasing this work as it picked up steam. We're at a point where we're pretty serious about this thing, and so it's time to make a formal introduction. World, meet Phoenix.new, a batteries-included fully-online coding agent tailored to Elixir and Phoenix. I think it's going to be the fastest way to build collaborative, real-time applications. Let's see it in action: What's Interesting About Phoenix.new First, even though it runs entirely in your browser, Phoenix.new gives both you and your agent a root shell, in an ephemeral virtual machine (a Fly Machine) that gives our agent loop free rein to install things and run programs -- without any risk of messing up your local machine. You don't think about any of this; you just open up the VSCode interface, push the shell button, and there you are, on the isolated machine you share with the Phoenix.new agent. Second, it's an agent system I built specifically for Phoenix. Phoenix is about real-time collaborative applications, and Phoenix.new knows what that means. To that end, Phoenix.new includes, in both its UI and its agent tools, a full browser. The Phoenix.new agent uses that browser "headlessly" to check its own front-end changes and interact with the app. Because it's a full browser, instead of trying to iterate on screenshots, the agent sees real page content and JavaScript state

## Bootstrap 5.3.7

DevFeed: [Bootstrap 5.3.7](<https://devfeed.tech/articles/bootstrap-5-3-7-22298.md>)

Original publisher: [Read original article](<https://blog.getbootstrap.com/2025/06/17/bootstrap-5-3-7/>)

Author: Mark Otto

Published: 2025-06-17T15:22:00Z

Content type: release

Language: en

Sources: [Bootstrap.com](<https://devfeed.tech/sources/bootstrap-com.md>)

Topics: [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [Astro](<https://devfeed.tech/topics/astro.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Sass](<https://devfeed.tech/topics/sass.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [dependency](<https://devfeed.tech/tags/dependency.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [integrity](<https://devfeed.tech/tags/integrity.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [migration](<https://devfeed.tech/tags/migration.md>), [npm](<https://devfeed.tech/tags/npm.md>), [regression](<https://devfeed.tech/tags/regression.md>), [release](<https://devfeed.tech/tags/release.md>), [updates](<https://devfeed.tech/tags/updates.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

Bootstrap v5.3.7 is a patch release with fixes related to the migration to Astro, documentation, accessibility, JavaScript popovers and tooltips, Sass output, and recommended VSCode configuration. The release notes also mention a recent regression expected to be addressed in another patch release.

### Source excerpt

Bootstrap v5.3.7 was just released with some follow-up fixes from our migration to Astro, plus a handful of small fixes. We expect to have another patch release shortly due to at least one recent regression, so stay tuned for that. In the mean time, here are some highlights! Docs Fixed broken "View on GitHub" URLs Corrected HTML <head> content generated by the "Download examples" button Refined sanitizer documentation for clarity and completeness Improved accessibility in the "On this page" table of contents and section heading anchor links Relocated ads to the right sidebar to minimize content reflow Added a new section on the Download page for the Intelissence extension Clarified the "Via JavaScript" usage example for Accordion Collapse Made internal documentation improvements to support future maintenance (no visible user impact) Mention CDN integrity and crossorigin attributes in introduction page Enhance floating labels placeholder usage description Add example of showing dynamic range value with output Sass Consolidated multiple 'none' values in the box-shadow Sass mixin for cleaner output JavaScript Fixed popover and tooltip behavior with a trigger: "hover click" configuration Build tools Added recommended VSCode extensions and settings configuration to the repository Read the GitHub v5.3.7 changelog for a full list of changes (including a ton of documentation and dependency updates) in this release.

## From REST to GraphQL in minutes with prebuilt Connectors

DevFeed: [From REST to GraphQL in minutes with prebuilt Connectors](<https://devfeed.tech/articles/from-rest-to-graphql-in-minutes-with-prebuilt-connectors-23307.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/from-rest-to-graphql-in-minutes-with-prebuilt-connectors>)

Author: Amanda Martin

Published: 2025-06-13T07:15:23Z

Content type: tutorial

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [REST API](<https://devfeed.tech/topics/rest-api.md>), [API](<https://devfeed.tech/topics/api.md>), [OpenAPI Specification](<https://devfeed.tech/topics/openapi.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [apollo-connectors](<https://devfeed.tech/tags/apollo-connectors.md>), [cli](<https://devfeed.tech/tags/cli.md>), [environment-variables](<https://devfeed.tech/tags/environment-variables.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [openapi](<https://devfeed.tech/tags/openapi.md>), [rest](<https://devfeed.tech/tags/rest.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

This tutorial demonstrates how to use Apollo's prebuilt REST Connectors to integrate the Space Devs Launch Library 2 REST API into a local GraphQL graph. It covers setting up Apollo Studio and Rover CLI, configuring credentials, running Apollo Router, downloading connector schema files, exploring the graph in Apollo Sandbox, and modifying a connector.

### Source excerpt

We've all been there: vague API docs, an outdated OpenAPI spec, and a half-buried list of endpoints that leave you guessing. With prebuilt REST Connectors, you skip the guesswork. Just download the schema files, run your graph locally, and start querying live data with GraphQL.

## Debugging with ESP-IDF VS Code extension: Part 2

DevFeed: [Debugging with ESP-IDF VS Code extension: Part 2](<https://devfeed.tech/articles/debugging-with-esp-idf-vs-code-extension-part-2-13705.md>)

Original publisher: [Read original article](<https://developer.espressif.com/blog/2025/06/debugging-with-vscode-part-2/>)

Author: John Lee

Published: 2025-06-12T00:00:00Z

Content type: tutorial

Language: en

Sources: [Blog on Developer Portal](<https://devfeed.tech/sources/blog-on-developer-portal.md>)

Topics: [ESP-IDF](<https://devfeed.tech/topics/esp-idf.md>), [VS Code Extension](<https://devfeed.tech/topics/vscode-extension.md>), [debugging](<https://devfeed.tech/topics/debugging.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [Espressif](<https://devfeed.tech/topics/espressif.md>), [Embedded Software Dev](<https://devfeed.tech/topics/embedded-software-dev.md>), [ide](<https://devfeed.tech/topics/ide.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [breakpoint](<https://devfeed.tech/tags/breakpoint.md>), [debugger](<https://devfeed.tech/tags/debugger.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [esp-idf](<https://devfeed.tech/tags/esp-idf.md>), [esp32-c3](<https://devfeed.tech/tags/esp32-c3.md>), [esp32-s3](<https://devfeed.tech/tags/esp32-s3.md>), [espressif](<https://devfeed.tech/tags/espressif.md>), [extension](<https://devfeed.tech/tags/extension.md>), [gdb](<https://devfeed.tech/tags/gdb.md>), [jtag](<https://devfeed.tech/tags/jtag.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [vs-code](<https://devfeed.tech/tags/vs-code.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

Part two of a guide to debugging Espressif firmware in VS Code with the ESP-IDF extension. It covers launching a debugging session, setting breakpoints, navigating through code, and inspecting variables using gdb and JTAG.

### Source excerpt

This two-part guide shows how to set up VS Code with the ESP-IDF extension to debug Espressif boards using JTAG. In this second part, we will debug a simple project using gdb through Espressif's VSCode extension. We will explore the debugging options for navigating the code and inspecting the variables.

## What are MCP Servers?

DevFeed: [What are MCP Servers?](<https://devfeed.tech/articles/what-are-mcp-servers-1711.md>)

Original publisher: [Read original article](<https://fly.io/blog/mcps-everywhere/>)

Published: 2025-06-12T00:00:00Z

Content type: article

Language: en

Sources: [The Fly Blog](<https://devfeed.tech/sources/the-fly-blog.md>)

Topics: [Model Context Protocol](<https://devfeed.tech/topics/model-context-protocol.md>), [Model Context Protocol (MCP)](<https://devfeed.tech/topics/model-context-protocol-mcp.md>), [API](<https://devfeed.tech/topics/api.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>), [browser](<https://devfeed.tech/topics/browser.md>), [cursor](<https://devfeed.tech/topics/cursor.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [fly.io](<https://devfeed.tech/topics/fly-io.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cdn](<https://devfeed.tech/tags/cdn.md>), [close-to-users](<https://devfeed.tech/tags/close-to-users.md>), [cursor](<https://devfeed.tech/tags/cursor.md>), [deploy-app-servers](<https://devfeed.tech/tags/deploy-app-servers.md>), [docker](<https://devfeed.tech/tags/docker.md>), [elixir](<https://devfeed.tech/tags/elixir.md>), [fly](<https://devfeed.tech/tags/fly.md>), [fly-io](<https://devfeed.tech/tags/fly-io.md>), [heroku-alternative](<https://devfeed.tech/tags/heroku-alternative.md>), [heroku-competitor](<https://devfeed.tech/tags/heroku-competitor.md>), [hosting](<https://devfeed.tech/tags/hosting.md>), [http](<https://devfeed.tech/tags/http.md>), [i](<https://devfeed.tech/tags/i.md>), [llm](<https://devfeed.tech/tags/llm.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [model-context-protocol](<https://devfeed.tech/tags/model-context-protocol.md>), [networking](<https://devfeed.tech/tags/networking.md>), [postgresql-clusters](<https://devfeed.tech/tags/postgresql-clusters.md>), [servers](<https://devfeed.tech/tags/servers.md>), [sse](<https://devfeed.tech/tags/sse.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

This article explains Model Context Protocol (MCP) through analogies to USB-C, Alexa Skills, and API 2.0. It describes how MCP connects AI models to data sources and tools, supports multiplexing and server push, and provides introspection about available tools and their arguments.

### Source excerpt

With Fly.io, you can get your app running globally in a matter of minutes, and with MCP servers you can integrate with Claude, VSCode, Cursor and many more AI clients. Try it out for yourself! The introduction to Model Context Protocol starts out with: MCP is an open protocol that standardizes how applications provide context to LLMs. Think of MCP like a USB-C port for AI applications. Just as USB-C provides a standardized way to connect your devices to various peripherals and accessories, MCP provides a standardized way to connect AI models to different data sources and tools. That paragraph, to me, is both comforting ("USB for LLM"? Cool! Got it!), and simultaneously vacuous (Um, but what do I actually do with this?). I've been digging deeper and have come up with a few more analogies and observations that make sense to me. Perhaps one or more of these will help you. MCPs are Alexa Skills You buy an Echo Dot and a Hue light. You plug them both in and connect them to your Wi-Fi. There is one more step you need to do: you need to install and enable the Philips Hue skill to connect the two. Now you might be using Siri or Google Assistant. Or you may want to connect a Ring Doorbell camera or Google Nest Thermostat. But the principle is the same, though the analogy is slightly stronger with a skill (which is a noun) as opposed to the action of pairing your Hue Bridge with Apple HomeKit (a verb). MCPs are API 2.0 HTTP 1.1 is simple. You send a request, you get a response. While there are cookies and sessions, it is pretty much stateless and therefore inefficient, as each request needs to establish a new connection. WebSockets and Server-Sent Events (SSE) mitigate this a bit. HTTP 2.0 introduces features like multiplexing and server push. When you visit a web page for the first time, your browser can now request all of the associated JavaScript, CSS, and images at once, and the server can respond in any order. APIs today are typically request/response. MCPs support multi

## Managing Postgres Directly in VS Code

DevFeed: [Managing Postgres Directly in VS Code](<https://devfeed.tech/articles/managing-postgres-directly-in-vs-code-5537.md>)

Original publisher: [Read original article](<https://neon.com/blog/managing-postgres-directly-in-vs-code>)

Author: Sam Harrison

Published: 2025-06-09T17:36:49Z

Content type: article

Language: en

Sources: [Blog -- Neon Docs](<https://devfeed.tech/sources/blog-neon-docs.md>)

Topics: [VS Code Extension](<https://devfeed.tech/topics/vscode-extension.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [Database](<https://devfeed.tech/topics/database.md>), [Databases](<https://devfeed.tech/topics/databases.md>), [GitHub Copilot](<https://devfeed.tech/topics/github-copilot.md>), [Azure](<https://devfeed.tech/topics/azure.md>), [Docker](<https://devfeed.tech/topics/docker.md>), [Access Control](<https://devfeed.tech/topics/access-control.md>), [Django](<https://devfeed.tech/topics/django.md>)

Tags: [access-control](<https://devfeed.tech/tags/access-control.md>), [azure](<https://devfeed.tech/tags/azure.md>), [database](<https://devfeed.tech/tags/database.md>), [django](<https://devfeed.tech/tags/django.md>), [docker](<https://devfeed.tech/tags/docker.md>), [extension](<https://devfeed.tech/tags/extension.md>), [github](<https://devfeed.tech/tags/github.md>), [github-copilot](<https://devfeed.tech/tags/github-copilot.md>), [postgres](<https://devfeed.tech/tags/postgres.md>), [product](<https://devfeed.tech/tags/product.md>), [visual-studio](<https://devfeed.tech/tags/visual-studio.md>), [vs-code](<https://devfeed.tech/tags/vs-code.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

This article demonstrates managing a Postgres database directly in VS Code with Microsoft's Postgres extension. It covers GitHub Copilot integration, connections using Neon credentials, Azure-hosted instances, Docker-based deployment, schema visualization, and exploration of Sentry's Django database schema and access-control relationships.

### Source excerpt

Microsoft recently introduced a Visual Studio Code extension for Postgres database management. Similar in functionality to tools like PgAdmin or DBeaver, this extension embeds Postgres management directly into VSCode and comes fully integrated with GitHub Copilot, allowing it to...

## Introducing Mistral Code

DevFeed: [Introducing Mistral Code](<https://devfeed.tech/articles/introducing-mistral-code-7053.md>)

Original publisher: [Read original article](<https://mistral.ai/news/mistral-code/>)

Published: 2025-06-04T12:00:00Z

Content type: article

Language: en

Sources: [Mistral AI Blog](<https://devfeed.tech/sources/mistral-ai-blog.md>)

Topics: [ai-coding](<https://devfeed.tech/topics/ai-coding.md>), [AI Platform](<https://devfeed.tech/topics/ai-platform.md>), [Software Engineering](<https://devfeed.tech/topics/software-engineering.md>), [ide](<https://devfeed.tech/topics/ide.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [agentic-coding](<https://devfeed.tech/topics/agentic-coding.md>), [Refactoring](<https://devfeed.tech/topics/refactoring.md>), [Deployment](<https://devfeed.tech/topics/deployment.md>), [Security](<https://devfeed.tech/topics/security.md>), [observability](<https://devfeed.tech/topics/observability.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>)

Tags: [agentic-coding](<https://devfeed.tech/tags/agentic-coding.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-assistants](<https://devfeed.tech/tags/ai-assistants.md>), [ai-coding](<https://devfeed.tech/tags/ai-coding.md>), [ai-platform](<https://devfeed.tech/tags/ai-platform.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [coding](<https://devfeed.tech/tags/coding.md>), [developers](<https://devfeed.tech/tags/developers.md>), [ide](<https://devfeed.tech/tags/ide.md>), [local](<https://devfeed.tech/tags/local.md>), [observability](<https://devfeed.tech/tags/observability.md>), [on-prem](<https://devfeed.tech/tags/on-prem.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [security](<https://devfeed.tech/tags/security.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

Mistral Code is an enterprise AI coding assistant that combines coding models, an in-IDE assistant, local deployment options, administrative controls, observability, and support. It is built on the open-source Continue project and is designed for secure, compliant deployment in cloud, reserved-capacity, or air-gapped on-premises environments. The platform supports autocomplete, code search and retrieval, agentic coding, chat assistance, and multi-step refactoring, with private-repository fine-tuning and lightweight model distillation capabilities described.

### Source excerpt

The most powerful AI platform for enterprises. Customize, fine-tune, and deploy AI assistants, autonomous agents, and multimodal AI with open models.

## Teaching Python with Codespaces

DevFeed: [Teaching Python with Codespaces](<https://devfeed.tech/articles/teaching-python-with-codespaces-21735.md>)

Original publisher: [Read original article](<http://blog.pamelafox.org/2025/06/teaching-python-with-codespaces.html>)

Author: Pamela Fox (noreply@blogger.com)

Published: 2025-06-01T15:14:00Z

Content type: tutorial

Language: en

Sources: [Pamela Fox](<https://devfeed.tech/sources/pamela-fox.md>)

Topics: [Python](<https://devfeed.tech/topics/python.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [Development](<https://devfeed.tech/topics/development.md>), [configuration](<https://devfeed.tech/topics/configuration.md>), [vs-code](<https://devfeed.tech/topics/vs-code.md>), [Docker](<https://devfeed.tech/topics/docker.md>), [Docker Image](<https://devfeed.tech/topics/docker-image.md>), [Dockerfile](<https://devfeed.tech/topics/dockerfile.md>)

Tags: [configuration](<https://devfeed.tech/tags/configuration.md>), [docker](<https://devfeed.tech/tags/docker.md>), [github](<https://devfeed.tech/tags/github.md>), [python](<https://devfeed.tech/tags/python.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [vs-code](<https://devfeed.tech/tags/vs-code.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

A tutorial on using GitHub Codespaces to teach Python, including browser-based VS Code environments and dev container configurations. It covers simple devcontainer.json files, Python-specific images, custom Dockerfiles, and Docker-based project setup for web app, data science, and generative AI classes.

### Source excerpt

Whenever I am teaching Python workshops, tutorials, or classes, I love to use GitHub Codespaces. Any repository on GitHub can be opened inside a GitHub Codespace, which gives the student a full Python environment and a browser-based VS Code. Students spend less time setting up their environment and more time actually coding - the fun part! In this post, I'll walk through my tips for using Codespaces for teaching Python, particularly for classes about web apps, data science, or generative AI. Getting started You can start a GitHub Codespace from any repository. Navigate to the front page of the repository, then select "Code" > "Codespaces" > "Create codespace on main": By default, the Codespace will build an environment based off a universal Docker image, which includes Python, NodeJS, Java, and other popular languages. But what if you want more control over the environment? Dev Containers A dev container is an open specification for describing how a project should be opened in a development environment, and is supported by several IDEs, including GitHub Codespaces and VS Code (via Dev Containers extension). To define a dev container for your repository, add a devcontainer.json that describes the desired Docker image, VS Code extensions, and project settings. Let's look at a few examples, from simple to complex. A simple dev container configuration The simplest devcontainer.json specifies a Docker image, like from Docker Hub or the Microsoft Artifact Registry. Microsoft provides several Python-specific images optimized for dev containers. For example, my python-3.13-playground repository sets up Python 3.13 using one of those images, and also configures a few settings and default extensions: { "name": "Python 3.13 playground", "image": "mcr.microsoft.com/devcontainers/python:3.13-bullseye", "customizations": { "vscode": { "settings": { "python.defaultInterpreterPath": "/usr/local/bin/python", "python.linting.enabled": true }, "extensions": [ "ms-python.python", "ms-p

## Ctrl-alt-elite: How our engineers move so fast

DevFeed: [Ctrl-alt-elite: How our engineers move so fast](<https://devfeed.tech/articles/ctrl-alt-elite-how-our-engineers-move-so-fast-11733.md>)

Original publisher: [Read original article](<https://incident.io/blog/ctrl-alt-elite-how-our-engineers-move-so-fast>)

Author: Shlok Shah

Published: 2025-05-12T10:43:33Z

Content type: article

Language: en

Sources: [The incident.io Blog](<https://devfeed.tech/sources/the-incident-io-blog.md>)

Topics: [Terminal](<https://devfeed.tech/topics/terminal.md>), [Raycast extension](<https://devfeed.tech/topics/raycast-extension.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [Prompt Engineering](<https://devfeed.tech/topics/prompt-engineering.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [incident](<https://devfeed.tech/topics/incident.md>), [Go Language](<https://devfeed.tech/topics/go-language.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [building](<https://devfeed.tech/tags/building.md>), [claude](<https://devfeed.tech/tags/claude.md>), [code](<https://devfeed.tech/tags/code.md>), [debug](<https://devfeed.tech/tags/debug.md>), [design](<https://devfeed.tech/tags/design.md>), [incident](<https://devfeed.tech/tags/incident.md>), [incident-channel](<https://devfeed.tech/tags/incident-channel.md>), [incident-management](<https://devfeed.tech/tags/incident-management.md>), [incident-response](<https://devfeed.tech/tags/incident-response.md>), [outage](<https://devfeed.tech/tags/outage.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [post-mortem](<https://devfeed.tech/tags/post-mortem.md>), [slack-incident](<https://devfeed.tech/tags/slack-incident.md>), [terminal](<https://devfeed.tech/tags/terminal.md>), [tools](<https://devfeed.tech/tags/tools.md>), [vscode](<https://devfeed.tech/tags/vscode.md>), [workflow](<https://devfeed.tech/tags/workflow.md>)

### AI overview

An incident.io intern describes the deliberate laptop setup, shortcuts, Raycast plugins, terminal use, and Claude practices that help the company's engineers work quickly and collaboratively.

### Source excerpt

Moving fast does not happen by accident. Here is some of the intentional things our engineers do to move so quickly!

## Build a Basic CRUD Application With Flask-PyMongo

DevFeed: [Build a Basic CRUD Application With Flask-PyMongo](<https://devfeed.tech/articles/build-a-basic-crud-application-with-flask-pymongo-21829.md>)

Original publisher: [Read original article](<https://www.thepolyglotdeveloper.com/blog/2025/04/build-a-basic-crud-application-with-flask-pymongo/>)

Author: Anaiya Raisinghani

Published: 2025-04-26T00:37:28Z

Content type: tutorial

Language: en

Sources: [Nic Raboy](<https://devfeed.tech/sources/nic-raboy.md>)

Topics: [Flask](<https://devfeed.tech/topics/flask.md>), [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [MongoDB](<https://devfeed.tech/topics/mongodb.md>), [CRUD](<https://devfeed.tech/topics/crud.md>), [Database](<https://devfeed.tech/topics/database.md>), [Library](<https://devfeed.tech/topics/library.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [build](<https://devfeed.tech/tags/build.md>), [code](<https://devfeed.tech/tags/code.md>), [database](<https://devfeed.tech/tags/database.md>), [flask](<https://devfeed.tech/tags/flask.md>), [framework](<https://devfeed.tech/tags/framework.md>), [mongodb](<https://devfeed.tech/tags/mongodb.md>), [pymongo](<https://devfeed.tech/tags/pymongo.md>), [python](<https://devfeed.tech/tags/python.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

This tutorial explains how to build a basic CRUD application with Flask-PyMongo and MongoDB. It introduces Flask, describes Flask-PyMongo's integration and configuration features, and outlines prerequisites including MongoDB Atlas, VSCode, and Python 3.10+.

### Source excerpt

In this tutorial, we will dive head first into utilizing MongoDB's Flask-PyMongo library! We will build a basic CRUD (create, read, update, delete) Flask-PyMongo application and learn about how intuit... The post Build a Basic CRUD Application With Flask-PyMongo appeared first on DEV.

## Postgres Language Server: Initial Release

DevFeed: [Postgres Language Server: Initial Release](<https://devfeed.tech/articles/postgres-language-server-initial-release-504.md>)

Original publisher: [Read original article](<https://supabase.com/blog/postgres-language-server>)

Author: Philipp Steinrötter; Julian Domke

Published: 2025-03-29T07:00:00Z

Content type: release

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [SQL](<https://devfeed.tech/topics/sql.md>), [Database](<https://devfeed.tech/topics/database.md>), [Protocol (disambiguation)](<https://devfeed.tech/topics/protocol.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [Neovim](<https://devfeed.tech/topics/neovim.md>), [npm](<https://devfeed.tech/topics/npm.md>), [Rust](<https://devfeed.tech/topics/rust.md>), [Parser](<https://devfeed.tech/topics/parser.md>), [Cache](<https://devfeed.tech/topics/cache.md>)

Tags: [cli](<https://devfeed.tech/tags/cli.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [npm](<https://devfeed.tech/tags/npm.md>), [postgres](<https://devfeed.tech/tags/postgres.md>), [protocol](<https://devfeed.tech/tags/protocol.md>), [release](<https://devfeed.tech/tags/release.md>), [rust](<https://devfeed.tech/tags/rust.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

Supabase announces the initial release of Postgres Language Server, an LSP implementation and collection of SQL tools. It provides autocompletion, syntax error highlighting, type-checking through EXPLAIN error insights, and a Squawk-inspired linter, with availability through a VSCode Extension, Neovim, CLI, GitHub Releases, and npm.

### Source excerpt

Language Server Protocol and collection of language tools for Postgres

## Coding With Cursor and Windsurf Side by Side

DevFeed: [Coding With Cursor and Windsurf Side by Side](<https://devfeed.tech/articles/coding-with-cursor-and-windsurf-side-by-side-5133.md>)

Original publisher: [Read original article](<https://neon.com/blog/coding-with-cursor-and-windsurf-side-by-side>)

Author: Sam Harrison

Published: 2025-03-20T00:41:40Z

Content type: comparison

Language: en

Sources: [Blog -- Neon Docs](<https://devfeed.tech/sources/blog-neon-docs.md>)

Topics: [cursor](<https://devfeed.tech/topics/cursor.md>), [ide](<https://devfeed.tech/topics/ide.md>), [coding](<https://devfeed.tech/topics/coding.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [anthropic](<https://devfeed.tech/topics/anthropic.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [GitHub Copilot code review](<https://devfeed.tech/topics/github-copilot-code-review.md>), [Python](<https://devfeed.tech/topics/python.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [ai-agent](<https://devfeed.tech/tags/ai-agent.md>), [anthropic](<https://devfeed.tech/tags/anthropic.md>), [claude](<https://devfeed.tech/tags/claude.md>), [coding](<https://devfeed.tech/tags/coding.md>), [cursor](<https://devfeed.tech/tags/cursor.md>), [github-copilot](<https://devfeed.tech/tags/github-copilot.md>), [product](<https://devfeed.tech/tags/product.md>), [python](<https://devfeed.tech/tags/python.md>), [refactoring](<https://devfeed.tech/tags/refactoring.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

A side-by-side comparison of Cursor and Windsurf, two VSCode forks that use Anthropic's Claude model. Using development of the Neon Python driver as an example, the article compares their AI-assisted IDE features, especially autocomplete, refactoring, agent-based workflows, and context management.

### Source excerpt

Since the release of GitHub Copilot, AI integration in IDEs has evolved dramatically. Now, two IDEs are being talked about more than any other: Windsurf and Cursor. Both tools are forks of VSCode, offer a similar set of features, and use Anthropic's Claude model under the hood. I...

## Open R1: How to use OlympicCoder locally for coding

DevFeed: [Open R1: How to use OlympicCoder locally for coding](<https://devfeed.tech/articles/open-r1-how-to-use-olympiccoder-locally-for-coding-7407.md>)

Original publisher: [Read original article](<https://huggingface.co/blog/olympic-coder-lmstudio>)

Author: ben burtenshaw; Vaibhav Srivastav; Lewis Tunstall; Edward Beeching; Yagil Burowski

Published: 2025-03-20T00:00:00Z

Content type: tutorial

Language: en

Sources: [Hugging Face - Blog](<https://devfeed.tech/sources/hugging-face-blog.md>)

Topics: [coding](<https://devfeed.tech/topics/coding.md>), [AI Development](<https://devfeed.tech/topics/ai-development.md>), [AI Models](<https://devfeed.tech/topics/ai-models.md>), [Local AI](<https://devfeed.tech/topics/local-ai.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [quantization](<https://devfeed.tech/topics/quantization.md>), [VS Code Extension](<https://devfeed.tech/topics/vscode-extension.md>), [Inference](<https://devfeed.tech/topics/inference.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>)

Tags: [ai-models](<https://devfeed.tech/tags/ai-models.md>), [artificial-intelligence](<https://devfeed.tech/tags/artificial-intelligence.md>), [coding](<https://devfeed.tech/tags/coding.md>), [command-line](<https://devfeed.tech/tags/command-line.md>), [extension](<https://devfeed.tech/tags/extension.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [inference](<https://devfeed.tech/tags/inference.md>), [llm](<https://devfeed.tech/tags/llm.md>), [local](<https://devfeed.tech/tags/local.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [quantization](<https://devfeed.tech/tags/quantization.md>), [reasoning](<https://devfeed.tech/tags/reasoning.md>), [research](<https://devfeed.tech/tags/research.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

This tutorial explains how to run the OlympicCoder 7B coding model locally with LM Studio and integrate it into Visual Studio Code through the Continue extension. It covers quantized models, local inference, model downloads from the Hugging Face Hub, LM Studio's API server, and connecting VS Code to the local model.

### Source excerpt

We're on a journey to advance and democratize artificial intelligence through open source and open science.

## How Nx monorepos provide LLMs with architectural context

DevFeed: [How Nx monorepos provide LLMs with architectural context](<https://devfeed.tech/articles/nx-just-made-your-llm-way-smarter-21434.md>)

Original publisher: [Read original article](<https://nx.dev/blog/nx-just-made-your-llm-smarter>)

Author: Juri Strumpflohner

Published: 2025-02-17T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [monorepo](<https://devfeed.tech/topics/monorepo.md>), [context](<https://devfeed.tech/topics/context.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>), [GitHub Copilot](<https://devfeed.tech/topics/github-copilot.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [context](<https://devfeed.tech/tags/context.md>), [github](<https://devfeed.tech/tags/github.md>), [github-copilot](<https://devfeed.tech/tags/github-copilot.md>), [llm](<https://devfeed.tech/tags/llm.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [nx](<https://devfeed.tech/tags/nx.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

The article explains that LLM responses depend on the data and context available to them. It describes how monorepos with Nx can provide broader architectural context, helping tools such as GitHub Copilot understand project relationships, library types, and workspace structure.

### Source excerpt

Learn how monorepos with Nx enhance AI capabilities by providing rich metadata and context, making LLMs smarter and more architecturally aware.

[Next page](<https://devfeed.tech/tags/vscode.md?cursor=WyIyMDI1LTAyLTE3VDAwOjAwOjAwKzAwOjAwIiwgImY1MjRiNzVhLWZmOTEtNDIxYS04ZTczLTdhZTI0ODVlMTk4NSJd>)