Code Sketch

Code Sketch

Codepen-like desktop app that used to demonstrate your code.

中文 | English

代码画板 Code Sketch

一个你最初写代码的地方...

视频演示:Youtube | Bilibili

功能

  • 内置 Sass/Babel 支持
  • HTML/CSS emmet 插件支持
  • 方便的导入三方库 (bootcdn API 支持).
  • 深色主题支持
  • 可以打印任意数据格式的控制台
  • 同时支持 macOS AppWeb 端应用

快捷键

  • 切换展示顶部页签: Command+e
  • 代码字体大小: Command++/-
  • 保存刷新: Command+s
  • 导出到单个 HTML 文件: Command+shift+s
  • 导入文件(仅支持展出文件): Command+o
  • 命令提示容器: Command+p

截图

浅色主题

code-sketch-light

深色主题

code-sketch-dark

错误日志

log

控制台日志

error

开发

yarn or npm

yarn install
yarn start
yarn dev
# build release for mac
yarn release

支持

Wechat

donate-wechat

Alipay

donate-wechat

not_used
code-sketch-light code-sketch-light
code-sketch-dark code-sketch-dark
code-sketch-log code-sketch-log
code-sketch-error-log code-sketch-error-log

Something missing? Edit this app.

Keyboard Shortcuts

Key Action
/ Focus the search bar
Esc Focus the search bar and cleans it
Select the next search result
Select the previous search result
Enter Open the selected search result
cmdEnter Ctrl+Enter Open the selected search result in a new tab