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项目。慢慢补充