配置 frp 应用程序的基本步骤如下

安装 frp 官方库

• 打开浏览器,访问 https://github.com/frp/frp，进入仓库。
• 下载并安装 EXS，安装完成后将 EXS 文件复制到项目根目录下。

创建项目

• 在项目根目录下创建一个项目的结构,包含以下部分：
  • frp-confetti：项目标签
  • frp：项目属性
  • frp/your_project_name：插件脚本

添加项目脚本

• 在 frp/your_project_name 文件中添加以下插件脚本：

  //插件脚本
  const EXS = require('frp-exs');
  const frp = new EXS.Frp();
  frp.add('frp-stacked', require('frp-confetti'));
  frp.add('frp-labels', require('frp-confetti-labels'));
  frp.add('frp-labels', require('frp-confetti-labels'));

配置项目属性

• 在 frp/your_project_name 文件中添加：

  const frp = require('frp-exs');
  const EXS = require('frp-confetti-exs');
  const LAYERS = ['frp-confetti'] // 项目标签

构建项目

• 打开 frp/your_project_name 文件，输入以下内容：

  //项目配置
  const EXS = require('frp-confetti-exs');
  const LAYERS = ['frp-confetti'];
  //插件脚本
  const frp = require('frp-exs');
  const frpConfig = require('frp-confetti-exs');
  const EXS = require('frp-confetti-exs');
  const selfConfig = require('frp-confetti-confetti');
  const selfExit = require('frp-confetti-confetti-exs');
  //插件管理
  const插件 = {
      name: 'frp-confetti',
      id: 'frp-confetti',
      type: 'default',
      items: LAYERS,
      show: true,
      exit: selfExit,
      load: true
  };
  //项目配置
  const project = {
      title: 'frp-confetti',
      label: LAYERS[],
      color: EXS.FR, 
      size: EXS.W,
      container: EXS.C,
      width: EXS.W,
      height: EXS.H,
      exit: {
          prompt: 'Confetti',
          success: true,
          error: false
      }
  };
  //自定义属性
  const selfConfig = {
      container: EXS.C,
      width: EXS.W,
      height: EXS.H,
      scroll: true,
      overflow: 'auto',
      padding: {
          top: 0,
          right: 0,
          bottom: 0,
          left: 0
      },
      resize: true
  };
  //插件加载
  const frpConfig = {
      id: 'frp-confetti',
      items: LAYERS,
      show: true,
      exit: selfExit
  };
  //插件显示
  const插件Display = {
      items: LAYERS,
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true,
      display: {
          width: EXS.W,
          height: EXS.H,
          color: EXS.FR,
          size: EXS.W,
          container: EXS.C,
          zoom: false
      }
  };
  //插件退出
  const frpExit = {
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true
  };
  //自定义状态
  const selfConfig = {
      container: EXS.C,
      width: EXS.W,
      height: EXS.H,
      scroll: true,
      overflow: 'auto',
      padding: {
          top: 0,
          right: 0,
          bottom: 0,
          left: 0
      },
      resize: true,
      scrollLeft: EXS.W / 2,
      scrollTop: EXS.H / 2
  };
  //插件加载
  const frpConfig = {
      id: 'frp-confetti',
      items: LAYERS,
      show: true,
      exit: selfExit
  };
  //插件显示
  const插件Display = {
      items: LAYERS,
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true,
      display: {
          width: EXS.W,
          height: EXS.H,
          color: EXS.FR,
          size: EXS.W,
          container: EXS.C,
          zoom: false
      }
  };
  //插件退出
  const frpExit = {
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true
  };
  //插件配置
  const selfConfig = {
      container: EXS.C,
      width: EXS.W,
      height: EXS.H,
      scroll: true,
      overflow: 'auto',
      padding: {
          top: 0,
          right: 0,
          bottom: 0,
          left: 0
      },
      resize: true,
      scrollLeft: EXS.W / 2,
      scrollTop: EXS.H / 2
  };
  //插件加载
  const frpConfig = {
      id: 'frp-confetti',
      items: LAYERS,
      show: true,
      exit: selfExit
  };
  //插件显示
  const插件Display = {
      items: LAYERS,
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true,
      display: {
          width: EXS.W,
          height: EXS.H,
          color: EXS.FR,
          size: EXS.W,
          container: EXS.C,
          zoom: false
      }
  };
  //插件退出
  const frpExit = {
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true
  };
  //插件配置
  const selfConfig = {
      container: EXS.C,
      width: EXS.W,
      height: EXS.H,
      scroll: true,
      overflow: 'auto',
      padding: {
          top: 0,
          right: 0,
          bottom: 0,
          left: 0
      },
      resize: true,
      scrollLeft: EXS.W / 2,
      scrollTop: EXS.H / 2
  };
  //插件加载
  const frpConfig = {
      id: 'frp-confetti',
      items: LAYERS,
      show: true,
      exit: selfExit
  };
  //插件显示
  const插件Display = {
      items: LAYERS,
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true,
      display: {
          width: EXS.W,
          height: EXS.H,
          color: EXS.FR,
          size: EXS.W,
          container: EXS.C,
          zoom: false
      }
  };
  //插件退出
  const frpExit = {
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true
  };
  //插件配置
  const selfConfig = {
      container: EXS.C,
      width: EXS.W,
      height: EXS.H,
      scroll: true,
      overflow: 'auto',
      padding: {
          top: 0,
          right: 0,
          bottom: 0,
          left: 0
      },
      resize: true,
      scrollLeft: EXS.W / 2,
      scrollTop: EXS.H / 2
  };
  //插件加载
  const frpConfig = {
      id: 'frp-confetti',
      items: LAYERS,
      show: true,
      exit: selfExit
  };
  //插件显示
  const插件Display = {
      items: LAYERS,
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true,
      display: {
          width: EXS.W,
          height: EXS.H,
          color: EXS.FR,
          size: EXS.W,
          container: EXS.C,
          zoom: false
      }
  };
  //插件退出
  const frpExit = {
      id: 'frp-confetti',
      items: LAYERS,
      exit: selfExit,
      load: true
  };