快速开始

轻码猿2024年1月9日大约 1 分钟

快速开始

为了更好的帮助开发者进行开发，我们提供了一套基础的设计器开发项目供使用（设计器下载），该项目包含了一两套演示的组件模版供参考，如果该项目无法满足开发者需求，开发者可根据规范自行搭建。

项目使用的技术栈

提醒

这些库通过cdn加载，开发依赖和正式版依赖是一致的，无需再次安装。

启动项目

npm start

前置准备

Node.js18及以上版本。

{
  ...
  "scripts": {
     "watch": "node ./vite/vite.watch.js", # 监听组件
     "build": "node ./vite/vite.prod.js",	# 打包组件
     "server": "node ./vite/vite.server.js", # 启用web服务
     "start": "npm-run-all -p watch server" # 启动项目命令
  },
  ...
}

通过 npm install 安装依赖， npm start 脚本将监听 widget 中的所有组件，启动端口为 4012 的web服务（http://localhost:4012）。

表单设计器启动地址： http://localhost:4012/#/formDesigner 。
门户设计器 http://localhost:4012/#/pageDesigner 。

vite配置

整个项目都是通过 vite 进行打包运行的，配置文件在 ./vite/... 下可以找到，初始项目中只搭建了基础环境，如何有其他需求，可自行进行扩展。

|-- vite
|   |-- utils.js
|   |-- vite.base.js
|   |-- vite.plugins.js
|   |-- vite.prod.js
|   |-- vite.server.js
|   |-- vite.watch.js

构建生产

npm run build