一句话定位

头一组三：三端

首屏大字下面头一段就交代：产品已经覆盖插件、开发环境、命令行三端。

三端说的是同一件事能落在三种地方做：编辑器里、一个完整的开发环境里、终端里。

这一段把三端摆成一条主线，往后每一块几乎都照着这个次序复述一遍。

三个入口并排

再往下一处排着三个入口：插件、开发环境、命令行。三格平铺，按自己做活的地方挑。

第二组三：三个场景

再往下是一段，标题问的是怎么开始用。说明写的是按使用场合与角色挑一个入口。

底下果然排着三个场景，一格一句。头一格交代的是新建项目的流程，另外两格各管一类做法。

场景的说明里还列了推荐给谁：产品、设计师、全栈开发、刚开始学编程的人。一个场景先说自己适合谁，再说自己做什么。

• 头一格，说的是把设计稿导进去、直接出页面代码。
• 同一格，还写着输入一句目标就能出规范文档。
• 同一格，还写着接上后端服务、把东西部署出去。
• 同一格，也写着用平常话说一句就能改样式和排版。

一格场景里塞了四件事，从出稿到部署一路走完。这一格是给一个人从头做一整个项目准备的。

三端、三场景、三阶段

第三组三：三个阶段

页面下半另有一段，标题写的是把智能融进工作流，底下并排三个阶段：产品设计、开发编码、部署验证。

设计那段说的是把模糊的想法收成清楚的需求。编码那段说的是把设计变成维护得下去的代码。部署那段说的是一键放进沙箱、生成可分享的链接。

三段各一段说明，次序就是从想到做再到位。三端讲在哪做，三阶段讲走几步，两套东西讲的是同一件事。

常见问题九条，过半在排错

再往下是常见问题，一列排开九条，每条前面一个序号。

头几条说的分别是：怎么看本地日志、远程连接失败了怎么办、怎么把设计稿导进来。

再往下几条有：怎么新建会话、插件装不上怎么办、终端里的命令跑不了怎么办、某个扩展装不上怎么办、怎么换配色、怎么用快捷键调出窗口。

九条里过半在教人排故障。一个工具把出问题怎么办摆在了首页，和它能做什么并排。

末尾那一段

最后一栏一句问话，请人换一种开发方式，后面跟一句说明，说已经有多少人在用。数量用的是模糊说法，不报确数。

顶栏与页脚

顶栏排着两处产品名、获取入口、文档、博客、接口文档、活动。两处产品名并排，各自对应一个获取入口。

页脚收着产品介绍、插件说明、两种获取去处、建议反馈与售前咨询，再跟上两行备案号与一行版权。

整页没有一块讲价钱，也没有一处摆评分。它把版面给了三组三。