VS Code 本身不运行 UI，需根据代码类型配置对应环境：HTML/CSS/JS 用 Live Server 插件、Python GUI 用终端执行 python main.py、前端框架需先 npm install 再 npm run dev。
VS Code 里写的 UI 代码根本跑不起来？先确认你写的是哪种 UI
VS Code 本身不运行 UI，它只是个编辑器。你写的 index.html、main.py 或 App.jsx 能不能跑，完全取决于背后有没有对应环境和启动方式。常见情况就三类：HTML/CSS/JS 静态页面、Python 的 tkinter/PyQt、或前端框架（如 React、Vite）项目。
最容易踩的坑是：双击打开 index.html 看似能显示，但一旦用到 fetch、import 或本地文件读写，立刻报 CORS 或 Failed to load module —— 因为浏览器直接打开文件走的是 file:// 协议，不是服务器。
- 纯 HTML/CSS/JS 小 demo：用 VS Code 插件
Live Server右键“Open with Live Server” - Python GUI（如
tkinter）：终端进项目目录，运行python main.py，确保已安装 Python 且python命令可用 - React/Vue/Vite 项目：必须先
npm install（或yarn install），再npm run dev，不能直接开 HTML
Live Server 插件打不开页面？检查端口和路径
Live Server 默认起在 http://127.0.0.1:5500，但它只服务当前打开的文件所在文件夹（workspace root）。如果你在子文件夹里右键启动，而引用的 script.js 在上层，就会 404。
另一个高频问题：端口被占。比如你同时开了另一个 Live Server、Python -m http.server 或 Docker 容器，5500 就会冲突，页面白屏或卡在 loading。
- 右键菜单没“Open with Live Server”？装插件后重启 VS Code，或检查是否禁用了工作区扩展
- 页面加载但控制台报
net::ERR_CONNECTION_REFUSED：关掉其他占5500端口的程序，或改配置——在 VS Code 设置里搜liveServer.settings.port，改成5501等空闲端口 - 图片/JS 不加载？检查
src路径是不是相对路径，且和文件实际位置一致；避免用../assets/img.png却把文件放在同级
Python tkinter 窗口一闪而过？不是代码错，是执行方式不对
很多人写完 tkinter 代码，点 VS Code 上的 ▶️ 运行按钮没反应，或者窗口弹出来又立刻消失。这不是语法错误，而是 VS Code 默认的 Run Python File 启动方式不兼容 GUI 主循环。
根本原因是：GUI 必须阻塞式等待事件（root.mainloop()），而某些调试器或集成终端会在脚本结束时自动关闭终端窗口，导致你看不见窗口。
- 别用 VS Code 顶部的 ▶️ 按钮运行 GUI 脚本；改用终端：
python main.py - 确保最后一行是
root.mainloop()（不是mainloop()或漏了括号） - 如果用的是 Python 扩展的调试功能，要在
launch.json中加"console": "integratedTerminal"，否则窗口可能在后台启动但不可见 - Mac 用户注意：
tkinter在某些 Python 版本下需用/usr/bin/python3或brew install python-tk，系统自带 Python 不带 tk 支持
React/Vite 项目 npm run dev 报错？八成是 node_modules 没装全
VS Code 里新建了个 vite 项目，写了 App.jsx，一跑 npm run dev 就报 Cannot find module 'react' 或 Failed to parse source map —— 这几乎 100% 是 node_modules 缺失或损坏，不是代码问题。
Vite 和 React 都依赖大量编译时工具链，跳过 npm install 直接 run dev 必然失败。而且不同包管理器（npm / yarn / pnpm）生成的 node_modules 结构不兼容，混用也会出怪问题。
- 新建项目后第一件事：进终端，cd 到项目根目录，执行
npm install（别跳） - 如果之前装过但报错，删掉
node_modules和package-lock.json，再重装 -
npm run dev启动后访问的地址是http://127.0.0.1:5173（Vite）或3000（Create React App），不是5500，别输错端口 - 修改代码后页面没更新？检查浏览器控制台有没有 HMR（热更新）报错；有时杀掉进程再重跑更稳
Starting development server... 或 Tk 窗口有没有真正弹出来，比反复改 HTML 标签有用得多。 
