Molecule项目安装与配置指南

最新推荐文章于 2025-04-23 13:20:20 发布

高慈鹃Faye

最新推荐文章于 2025-04-23 13:20:20 发布

阅读量538

点赞数 17

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00100/article/details/146905136

Molecule是一个轻量级的Web IDE UI框架，它使用React.js构建，并受到了VSCode的启发。Molecule提供了与VSCode相似的扩展API，帮助开发者更容易地扩展工作台。该框架易于与React.js应用程序集成，并已在DTStack的多个产品中得到应用。

主要编程语言：TypeScript、JavaScript

在开始安装之前，请确保您的开发环境中已安装以下工具：

克隆项目仓库

在您的本地环境中，使用以下命令克隆项目仓库：
```
git clone git@github.com:DTStack/molecule.git
```
安装依赖

进入项目目录，使用以下命令安装项目依赖：
```
cd molecule
yarn # 或者使用 npm install
```
启动开发模式

安装完依赖后，使用以下命令启动开发模式：
```
yarn dev # 或者使用 npm run dev
```
这将启动Storybook，默认的访问地址是 http://localhost:6006/。
构建与预览

当你完成开发后，可以使用以下命令构建项目：
```
yarn build # 编译为ES6模块
```
构建完成后，你可以使用以下命令在Web预览模式下查看：
```
yarn web
```
这将编译源代码为ES6模块，并输出到 esm 文件夹。
贡献代码

如果你想为项目贡献代码，请参考项目中的 CONTRIBUTING 指南。