代码在线运行（Playground）
HTML / CSS / JS 实时预览，支持 Vue 3 与多文件 Vue 项目（.vue 组件 import），代码在本地沙箱运行、不外传
Ctrl+Enter 运行 · Tab 缩进 · 草稿自动保存
预览
原生
Console 0
console.log 输出与运行错误会显示在这里
常见问题
代码会上传到服务器吗？
不会。代码只在你本地浏览器的 iframe 沙箱里运行，不会上传到任何服务器。
用户代码能访问本站数据吗？
不能。预览运行在无同源权限的沙箱 iframe 中，拿不到主站 Cookie、localStorage 等数据。
Vue 模式怎么用？
切换到 Vue 3 模式后已自动注入 Vue 全局构建，在 JS 面板用 Vue.createApp({...}).mount('#app') 即可。
写了死循环页面卡住了怎么办？
刷新页面即可恢复，代码草稿自动保存在本地不会丢失。
Vue 项目模式是什么？
入口固定为 main.js，用相对路径 import 工作区里的 .js/.vue 文件即可拆成多组件项目（App.vue 再 import ./components/Hello.vue）。.vue 三种写法都真渲染：`<script setup>` 组合式、选项式 `<script>` 配 `<template>`、只有 `<template>` 的纯展示组件；`style scoped` 实时编译并按文件路径注入 scopeId，所以嵌套组件与局部样式都能跑通。只认 "vue" 与相对路径：裸包名、外部 URL、动态 import 会在 Console 里给出定位到文件行的中文错误，注释里或字符串里的 import 只是文本、不算依赖；预览同时显示排查提示而不是一片空白。
文件可以带目录吗？怎么在多个文件间切换？
可以，新建或重命名时直接写 src/components/App.vue 这样的相对路径（不支持 .. 与绝对路径）。文件栏最左侧的按钮可在横向标签与竖向目录树之间切换，目录树按层级分组、可折叠，选择会记住，刷新后仍是上次的布局。