VS code 相信大家都用过,今天就给大家介绍一个开源的在线Web IDE——molecule
Molecule
是一款受 VSCode 启发,使用 React.js 构建的 Web IDE UI 框架。通过一种类似 VS Code 扩展机制(Extension),可快速、轻松搭建一个高度抽象的 Web IDE UI 系统。同时基于 内置集成了 QuickAccess 和 Keybinding 等功能。
Node.js 12.13.0 + 版本 React.js 16.14.0 + 版本
用命令行工具快速创建一个自带 TypeScript 和你选择的脚手架项目
npx @dtinsight/create
# Or
yarn create @dtinsight/
以在终端看到 Downloading application successfully
信息,则表示安装成功。
然后进入到项目,进行安装依赖
启动
yarn start
# 或者 npm
npm run start
这个命令会自动在默认浏览器中打开 http://localhost:3000 这个地址,即可看到 Molecule 默认的 IDE 界面。
Molecule
是一个非常棒的在线 IDE ,他针对Workbench UI、 ColorTheme 、自定义热键、快捷访问等功能进行自定义扩展。如果你也想自己搭建一个在线的IDE,可以访问它的源码
github链接:https://github.com/DTStack/molecule