vscode-extension-dev
VSCode Extension Development
Extension locations
Extensions live in vscode_extensions/<name>/. Each has:
src/extension.ts— main source codedist/extension.js— compiled output (esbuild)install/<name>-<version>.vsix— packaged extensionpackage.json— manifest with activation events, commands, config
Build & install workflow
CRITICAL: VSCode runs the installed .vsix from ~/.vscode/extensions/, NOT the dist/ in the repo. After every code change you MUST:
- Compile:
cd vscode_extensions/<name> && npm run compile - Package:
npx @vscode/vsce package --out install/<name>-<version>.vsix - Install:
code --install-extension install/<name>-<version>.vsix --force - Tell user to reload:
Cmd+Shift+P→ "Developer: Reload Window"
More from owid/etl
update-dataset
End-to-end dataset update workflow with PR creation, snapshot, meadow, garden, and grapher steps. Use when user wants to update a dataset, refresh data, run ETL update, or mentions updating dataset versions.
49streamlit-app
Create or modify Streamlit apps in the Wizard. Use when building new wizard apps, adding Streamlit pages, or working with apps/wizard/ code.
49check-metadata-typos
Check .meta.yml and snapshot .dvc files for spelling typos using codespell. Use when user mentions typos, spelling errors, metadata quality, or wants to check metadata files for mistakes.
45chart-editing
Edit and preview .chart.yml files for OWID graph steps. Use when user wants to edit chart config, preview charts, change chart appearance, or work with graph step chart files.
25check-chart-preview
Check chart or multidim preview on the staging server using a browser. Use when user wants to visually verify a chart renders correctly on staging, take a screenshot of a chart, or QA a chart/mdim preview.
25