pc小部件开发流程

简介

• 使用vue (opens new window)渐进式框架开发。

第一步: 创建模板工程

bingolink-cli 是一个创建模板工程的命令行工具

• 安装bingolink-cli

    npm install -g bingolink-cli

• 完成安装后，打开命令行

    bingolink create example

• 在这里可选择已有的模板，方便开发，下面对pc端模板类型介绍

• 当前模板中存在多个tag时，可选择

• 模板介绍

pc-widget	pc-slider	pc-newslist	pc-bulletin
空白模板	轮播图	新闻列表	公告

pc-diskfile-myShare	pc-diskfile-otherShare	pc-diskfile-recentuse	pc-mytask
我分享的文档	分享给我的文档	最近使用的文档	我的任务

pc-myapp	pc-myschedule
我的应用	我的日程

• pc端程序包下载

  • PC端首页 (opens new window)。
  • PC端轮播图 (opens new window)。
  • PC端待办 (opens new window)。
  • PC端新闻 (opens new window)。
  • PC端动态 (opens new window)。
  • PC端最近使用的文档 (opens new window)。
  • PC端我分享的文档 (opens new window)。
  • PC端分享给我的文档 (opens new window)。
  • PC端公告 (opens new window)。
  • PC端我的应用 (opens new window)。
  • PC端我的日程 (opens new window)。

• 命令行使用

    bingolink -v // 查看当前cli版本

    bingolink -h // 命令帮助信息

    bingolink create <projectName> // 创建bingolink的工程模板，可以指定模板类型及其版本

第二步: 运行工程

• 安装项目所需模块

 npm install 

• 运行项目

 npm run dev

• 在PCLink开发者工具输入项目运行地址

• 在PCLink内置窗口的运行效果

• 如何调出PCLink开发者工作：调试相关

第三步: 小部件打包

    npm run build

• 在dist文件夹中，存在一个dist压缩包，上传到程序包管理中。