Electron-vue桌面应用程序开发

Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库https://electronjs.org/docs

vue init simulatedgreg/electron-vue 你的项目名称 根据提示安装

npm install 安装依赖如果出现问题。

npm install -g yarn

安装环境,开发模式运行和打包命令分别是

yarm instal

yarm run dev

yarm run build（因为之前利用npm ru

n build安装一直失败）下面是安装成功后的最后显示效果

 1.调整窗口大小

登录窗口300*300 登录成功调整到800*600 。

在创建的主程序中创建函数，并且写好回调函数 (一句话，在渲染程序中通过回调的形式进行调整)

然后在你需要显示变大的窗口中进行调用

在Vue项目中添加Jquery插件步骤

1.

cnpm install jquery --save

2.在webpakc.base.conf下引入

3.直接在项目中使用

 

4 在利用electron build项目时出现如下错误

我是利用cnpm进行下载的node_modules 所以我删除了node_moudles .再利用yarn install 再次下载后进行

yarn run build 进行安装

安装成功

 

//一下是vue中一些基础

//添加v-model 
<el-input class="inputtext" v-model="textphone" placeholder="姓名/手机号" clearable></el-input>

//在data中添加变量
 data() {var textphone = "";}

//然后直接获取
var name = this.textphone
console.log(name);

 

刚开始做这个electron项目。慢慢补充