electronjs设置宽度_electron-vue跨平台桌面应用开发实战教程（三）——动态修改窗口大小...

> 前边两篇文字简单介绍了一下怎么搭建electron-vue项目，主进程的基本配置，主进程和渲染进程之间的通讯。本文我们主要来讲解下如何动态的修改窗口大小。

通常很多桌面应用，初次打开都需要登录，登录窗口比较小，登录成功之后展示一个更大的窗口，展示登录后的信息。例如QQ，钉钉，有道云笔记这些应用。

那么本文就来演示下如果做到这个功能，我们先做一下准备工作，我们会开发一个简单的小应用来给大家展示这个功能。

这里我们选用的技术为：UI框架：element-ui

json数据库：lowdb

我们在第一篇文章的代码基础上，再安装这两个依赖

安装element-ui

npm i element-ui -S

安装lowdb

npm install lowdb

配置element-ui

修改main.js

import Vue from 'vue';

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

import App from './App.vue';

Vue.use(ElementUI);

new Vue({

el: '#app',

render: h => h(App)

});

准备工作已经完成了，接下来就进入正式的开发了

1.修改窗口大小

通常