2.1 用vue-cli创建一个项目 打开命令行工具,安装 node,安装 yarn,安装vue-cli脚手架,我这里使用的版本是: 代码语言:javascript 复制 MacBook-Pro:~Bill$ node-v v12.16.1MacBook-Pro:~Bill$ yarn-v1.22.4MacBook-Pro:~Bill$ vue-V@vue/cli4.3.1MacBook-Pro:~Bill$ vue-cli创建初始化项目: 代码语言:...
使用npm/yarn 管理依赖:Electron-Vue 使用 npm 或 yarn 管理依赖,你可以使用熟悉的包管理器来安装和管理应用程序的依赖。 使用Vue CLI 进行构建:Electron-Vue 集成了 Vue CLI,你可以使用 Vue CLI 提供的功能来构建和管理应用程序。 使用webpack 进行打包:Electron-Vue 使用 webpack 进行打包,你可以使用 webpack ...
1 创建项目 1.1 安装vue-cli 先查看是否已经安装了vue-cli,vue-cli的版本是什么 vue -V 如果版本叫老,可以直接卸载,再安装最新版本 卸载 npm uninstall vue-cli-g 安装 install @vue/cli -g 1.2 使用vue-cli创建项目 选取一个项目存放的路径,然后开始创建项目 例如: vuecreateelectron-vue-helloworld 这里将...
Electron+Vue3+TypeScript+ElementPlus项目,CRM管理系统。 前端程序员来了 1.3万1 26:16 使用Flutter 在 Windows 平台构建桌面端应用程序 Flutter社区 00:25 《论Electron技术的滥用》 Z7ziXxi 6.5万18 16:07 1.十分钟搭建起来electron的桌面应用 摇成一只大鹦鹉 ...
手摸手Electron + Vue实战教程(一) 1 Electron升级 2020年5月19号,Electron更新了最新的 9.0.0 版本,带来了诸多改进,具体的我就不在此赘述了,大家可以看一下官方介绍:https://github.com/electron/electron/blob/master/docs/breaking-changes.md 好了,我们现在就把上节课初始化好的项目升级到Electron9.0.0,只...
import dayjs from 'dayjs' // 直接引入使用 在mounted钩子中直接调用刚才的方法: this.getFileList() 到这里左侧文件列表已经可以出来了: 文件列表 我们来改造一下之前的FileSearch搜索笔记组件,我们需要给它添加一个执行搜索的 $emit : 然后在 Home.vue 页直接调用,加入 vue 的修饰符@keyup.enter可以直接回车...
其实FileEdit组件就是基于mavon-editor做了一些简单的业务封装,加入了一个标题输入框,它只是一个充当中间人的组件,负责传递数据而已,那么这个时候我们可以使用v-bind=" 最后在Home.vue中使用我们的FileEdit组件: .sync 这个也是vue 2.3.0+之后新加的一个语法糖,平时在封装组件的时候很好用的一个语法糖,它的实现机...
第二步:搭建vue开发环境 1.安装淘宝npm镜像 由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用 淘宝的cnpm命令管理工具可以代替默认的npm管理工具:$ npm install-g cnpm--registry=https://registry.npm.taobao.org; 淘宝镜像安装成功之后,我们就可以全局vue-cli脚手架,输入命令:cnpm install--...
1.1 安装vue-cli 先查看是否已经安装了vue-cli,vue-cli的版本是什么 vue -V 如果版本叫老,可以直接卸载,再安装最新版本 卸载 npm uninstall vue-cli -g 安装 install @vue/cli -g 1.2 使用vue-cli创建项目 选取一个项目存放的路径,然后开始创建项目 ...