Cybercloud Plugin Template

插件前端项目生成模板

开始

1. 首先使用 yarn / npm 进行安装项目依赖

yarn
# 或者
npm install

2. 使用 yarn / npm 进行开发环境, 可进行快速预览和开发

yarn serve
# 或者
npm run serve

开发

本模板使用 VueCli4 + Vue3 + js 的方式进行搭建, 如不熟悉可先查看VueCli 4和 Vue3 之后进行开发

此外该项目全局暴露 cyber 对象, 可以使用此对象进行部分页面或者逻辑操作 , 例如

cyber.request({ url: "/example", method: "POST" }).then((response) => {
  // code block
});

配置

所有项目配置都在项目根目录下的 cybercloud.config.js

UI

有预先装载 Cybercloud-UI , 如果不需要请移除 src/main.js 中的以下语句

import CybercloudUI from "cybercloud-ui";
import "cybercloud-ui/lib/styles/index.css";

页面样式

每个页面都可以继承 plugin-page 类样式

<template>
  <div class="plugin-page">
    <!-- page context -->
  </div>
</template>

构建

yarn build
# 或者
npm run build