基于浏览器的代码工作区

直接在浏览器中编码、预览和测试项目

在带有项目选项卡和实时预览的 Monaco 支持的编辑器中工作。 快速开始,在构建时检查更改,并在项目准备就绪时将其导出。

摩纳哥编辑实时预览基于浏览器无需设置
KreoCode 工作区
src/App.tsx
TypeScript + 反应

const workflow = {

preview: true,

setup: 'none'

};

// 随着项目的变化预览更新

$ npm run preview
预览编译成功
实时预览
预览就绪

专注的浏览器开发工作区

代码编辑、预览和开发人员实用程序围绕您现在需要完成的工作进行组织。

摩纳哥支持的编辑

在专为结构化文件、选项卡和熟悉的编码工作流程构建的编辑器中编写代码。

实时视觉预览

在迭代 HTML、CSS 和 JavaScript 时,检查浏览器输出和文件。

无需设置即可启动

在浏览器中打开项目,无需先配置本地开发环境。

浏览器工作流程

将草稿保留在活动工作区中并决定何时导出项目文件。

适用于实际项目的代码优先工作流程

使用源代码、渲染输出和重点开发实用程序需要紧密结合在一起的编辑器。

前端原型

在一个工作区中使用源代码和浏览器预览构建和检查小型界面创意。

可重复使用的片段

起草、完善和导出用于文档、教学或实施工作的代码示例。

API 和数据实验

在测试负载行为时,将 JavaScript 逻辑与 JSON 格式化和验证实用程序配对。

从想法到预览只需三步

用于原型、片段和面向浏览器的项目工作的简短工作流程。

01

开始编码

打开编辑器并使用组织好的源文件构建您的项目。

02

立即预览

在优化布局和行为时检查渲染结果。

03

导出您的作品

浏览器工作流程完成后下载项目文件。

Kreotar 开发人员工作区

专为快速浏览器工作而设计的代码编辑器

Kreotar 代码编辑器为开发人员和学生提供了一个直接编写浏览器项目代码、查看输出和准备文件的地方,而无需从本地安装开始。 它对于原型、演示、小型界面实验和快速修复非常有用。

当需要支持实用程序时,开发人员工具只需一个链接即可:格式化有效负载、测试正则表达式或创建标识符,然后再在编辑器中继续操作。 工作流程仍然是轻量级的,并连接到更广泛的 Kreotar 生态系统。

在线代码编辑,无需项目设置

当立即需要编写、检查和预览浏览器代码而不配置本地工具链时,在线编辑器非常有用。 这使得它适合示例、简短实验和可审查的原型。

HTML、CSS 和 JavaScript 工作的实时预览

视觉输出为源更改提供了上下文。 在围绕面向浏览器的代码构建的工作流程中编辑项目、检查渲染结果并调整行为。

开发人员实用程序作为连接入口点

代码工作通常包括验证 JSON、测试正则表达式、解码令牌或生成 ID。 这些工具的可爬行链接使开发人员工作流程易于发现且更容易继续。

代码编辑器问题

有关使用浏览器工作区的实用细节。

我可以在不安装软件的情况下打开代码编辑器吗?

是的。 工作区在浏览器中打开,因此您无需进行本地设置即可开始编辑和预览项目。

编辑器包含实时预览吗?

是的。 工作区包括在您工作时面向浏览器的项目输出的实时预览。

我如何继续处理我的文件?

当您准备好下载项目文件时,在浏览器工作区中工作并使用其导出控件。