2021-02-02:electron和vue的集成、echarts 饼图取整

1、electron和vue的集成

一、在vue项目中安装electron
1)自动安装
vue add electron-builder
自动安装成功后,会在src/下自动生成background.js,安装也可能会失败,需要下面的手动
2)手动安装
在src下新建background.js,并在package.json中加入依赖

"electron": "^9.0.0",
"electron-devtools-installer": "^3.1.0",
"vue-cli-plugin-electron-builder": "~2.0.0-rc.4"。

二、加入启动命令和打包命令
1)在package.json的script中加入命令

"electron:build": "vue-cli-service electron:build", 打包
"electron:serve": "vue-cli-service electron:serve", 启动app
"postinstall": "electron-builder install-app-deps", 下载或者卸载app依赖

"main": "background.js", 主文件入口(主程序入口)
1)background.js中相关修改
创建一个窗口(win = new BrowserWindow(windowConfig))后:
win.loadURL('网页地址')
参考1
参考2
参考3

2、echarts 饼图取整

 label: {
    show: true,
     // formatter: '{d}%',
    formatter: function(data) { return Math.round(data.percent) + '%' }
 },

你可能感兴趣的:(2021-02-02:electron和vue的集成、echarts 饼图取整)