Visual Studio Code Extension

[MKartaviciute]

Description

Cesium Sandcastle Extension

A Visual Studio Code extension that provides access to Cesium Sandcastle tutorials and allows you to visualize the Cesium globe directly in the editor.
Community Forum: https://community.cesium.com/t/cesium-visual-studio-code-extension-we-need-your-input/44301

Features

• 📚 Tutorials Browser: Browse Cesium Sandcastle tutorials organized by category
• 🔍 Tutorial Search: Quick filtering by name or keyword
• 📦 Tutorial Export: Export tutorials as modern npm projects or legacy CDN format
• 🌍 Cesium Globe Viewer: Render and preview Cesium scenes inside VS Code
• ⚡ Live Reload: Auto-refresh on file changes for both npm and CDN projects
• 🎯 Smart Project Detection: Automatically detects Cesium code in any workspace file
• 🚀 Dev Server Integration: Automatic Vite dev server with dynamic port detection

Issue number and link

1. Tutorials right now are added in separate folder. There would be a need to automate the process of copying tutorials from Sandcastle folder to extension folder
2. Right now CesiumJs api reference dynamically loads from https://cesium.com/learn/cesiumjs/ref-doc/. Need to consider whether it is the best way.
3. Right now npm-based tutorial version is exported and converted dynamically from CDN tutorial version, however it might be difficult to avoid any mistakes in the conversion process. Need to consider maybe it is worth to already have prepared npm-based tutorial in advance (committed as extension code)

Testing plan

Author checklist

• I have submitted a Contributor License Agreement
• I have added my name to CONTRIBUTORS.md
• I have updated CHANGES.md with a short summary of my change
• I have added or updated unit tests to ensure consistent code coverage
• I have updated the inline documentation, and included code examples where relevant
• I have performed a self-review of my code

[github-actions]

Thank you for the pull request, @MKartaviciute!

✅ We can confirm we have a CLA on file for you.