Bringing the Notebook to the Editor
Seamless integration of Colab runtimes into VS Code
Bringing the Notebook to the Editor
Seamless integration of Colab runtimes into VS Code

Why this matters
For years, Colab has been a favorite for AI, ML, education and research — offering browser-based notebooks, easy access to GPUs/TPUs, and a low-barrier startup. Meanwhile, VS Code has grown into one of the most-used code editors: fast, extensible, and ideal for full-scale development. According to Google, these two worlds have long existed side by side — notebook workflows in the browser on one hand, deeper development in VS Code on the other.
What’s new: Google has released an official Colab extension for VS Code. This means you can now run a .ipynb notebook in your local VS Code workspace and connect it to a Colab runtime (including the Pro-tier GPU/TPU options) — getting the best of both worlds.
What the extension offers
Here are some of the key features as described:
- Use VS Code as your familiar editor environment — with all your extensions, tooling, version control and project layout — and yet connect to high-powered Colab runtimes.
- For Colab users: If you typically work in notebooks and also pull in other project code, libraries, git repos, this extension supports that workflow within VS Code.
- Setup is straightforward: install the extension from the Marketplace, open or create a
.ipynbnotebook locally, select the Colab kernel/runtime, sign in with Google and connect. - The extension is published not just for VS Code marketplace but also for Open VSX for VS Code derivatives.
Considerations & what to watch
- While this brings together IDE and notebook, you remain dependent on Colab’s runtime availability / quotas if you opt to use Pro-tier or GPU/TPU resources.
- Using the extension may require you to manage both the local workspace structure (VS Code) and notebook cells/runtimes (Colab). It may change how you organise your projects.
- If your team or organisation uses VS Code heavily, this might simplify collaboration between “notebook folks” and “full-project developers”.
- Because this is a “launch” phase, expect additional improvements in coming months (as Google indicates: “we’re just getting started”).
How this aligns with trends
- The rise of notebooks in data science/ML means many projects begin in
.ipynbform — integrating that smoothly with “production” codebases is a known challenge. - VS Code’s popularity means many developers prefer staying inside one IDE rather than switching contexts.
- Bridging notebook and IDE means faster iteration: you can edit supportive modules, run notebook cells, debug, version-control everything from one place.
Getting started (step-by-step)
- Open VS Code and go to the Extensions view (
Ctrl/Cmd + Shift + X). - Search for “Google Colab” and install the official Colab extension (install any required Jupyter dependency if prompted).
- In your workspace, open or create a notebook file ending in
.ipynb. - Either run a cell or click the kernel selector — choose “Colab” as the runtime. Sign in with your Google account.
- Once connected, you’ll be executing notebook cells with the selected Colab backend, while editing and organising files in VS Code as usual.
Why this may matter for you (especially if you’re working in AI/ML)
If you already use VS Code for development, adding notebook capability means fewer context switches. If you work in notebooks but also maintain libraries, logs, version control, or collaborate with “software-developer” teammates, you now have a pathway to unify those workflows. Also, access to Colab’s compute from within VS Code might simplify experimentation with heavy-compute tasks.
Summary
The new Colab extension for VS Code is a strategic move: it combines Google’s notebook/compute environment with one of the most widely adopted code editors. For many developers, researchers and students, this should make the development workflow smoother and more integrated. If you work in notebooks and also in codebases, it’s worth trying out.
메타데이터
- post_id
- 6e5c86712f0c
- slug
- bringing-the-notebook-to-the-editor-6e5c86712f0c
- url
- https://medium.com/@shouke.wei/bringing-the-notebook-to-the-editor-6e5c86712f0c
- canonical_url
- https://medium.com/@shouke.wei/bringing-the-notebook-to-the-editor-6e5c86712f0c
- author_url
- https://medium.com/@shouke.wei
- status
- ok
- fetched_at
- 2026-06-23 17:05:31