sublime text 不能开发销售业绩实时统计系统，因为它只是代码编辑器，不提供运行环境、http服务、dom渲染或es模块解析能力；它仅适合编写html/js、调试逻辑、管理配置和mock数据，必须配合http-server等本地服务及浏览器运行。
Sublime Text 本身不支持实时数据处理或图表渲染，无法直接开发销售业绩实时统计系统——它只是个代码编辑器，不是运行环境或前端框架。
为什么不能用 Sublime 直接做实时统计看板
常见错误现象：Uncaught ReferenceError: Chart is not defined、页面空白、数据不刷新、fetch 报跨域或 net::ERR_CONNECTION_REFUSED。这些都不是 Sublime 的问题，而是因为用户误把编辑器当成了浏览器、服务器或可视化库的集成平台。
- Sublime 不内置 HTTP 服务，
file://协议下fetch会因跨域限制失败 - 它不解析
<script type="module"></script>或打包import语句，ESM 模块直接双击打开必报错 - 所有图表（如 Chart.js、ECharts）依赖 DOM 和定时轮询/WebSocket，这些必须在浏览器中运行
- 目标达成率计算逻辑（比如
(actual / target) * 100）需要后端 API 提供实时 sales 数据，Sublime 无法替代
Sublime 在这个项目里真正该干什么
它只适合做「静态资源编辑器」：写 HTML 模板、调试 JS 逻辑片段、管理配置文件、快速修改 JSON mock 数据。关键是要配合真实运行环境。
- 用
http-server或live-server启动本地服务：运行npx http-server -c-1（禁用缓存），再在浏览器访问http://127.0.0.1:8080 - 图表初始化代码必须等
DOMContentLoaded，且new Chart(...)前确保 canvas 元素已存在——Sublime 里看不出，但浏览器控制台会报canvas is null - 目标达成率建议单独封装函数，例如
calculateAchievement(actual, target)，避免硬编码在渲染逻辑里 - Mock 数据可放在
data/mock-sales.json，用fetch('./data/mock-sales.json')加载，方便后期替换为真实 API
集成图表时最容易漏掉的三件事
很多人在 Sublime 写完代码就以为完成了，结果浏览器里图表不显示、数字不动、刷新后归零——往往卡在这三个点上。
- 忘了在 HTML 中引入 Chart.js：必须有
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>，Sublime 不会自动补 - 没处理数据更新时机：实时看板需用
setInterval(() => { chart.data = newData; chart.update(); }, 5000)，光改变量不调update()图表不会重绘 - 目标值写死在 JS 里，但销售目标常按月/季度变——应从接口返回
target: 120000字段，而非写成const TARGET = 120000
真正的难点不在 Sublime 怎么写，而在数据链路是否通畅：API 是否返回结构一致的 JSON？时间戳字段名是 sale_time 还是 created_at？达成率要不要排除退款订单？这些细节 Sublime 看不见，只能靠浏览器 Network 面板和后端文档对齐。
