cd vue-electron-notes进入项目跑一遍yarn serve,这个时候没什么问题就已经成功运行起来了! 2.2 在项目内集成Electron 进入我们项目的根目录,我们执行以下命令来安装插件vue-cli-plugin-electron-builder 代码语言:javascript 复制 vue add vue-cli-plugin-electron-builder 我们选择版本^6.0.0: 代码语言:javascript 复制...
一.环境准备 1.vue版本3.2.13 2.npm版本5.0.3 3.打包工具webpack 二.步骤 1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比...
使用npm/yarn 管理依赖:Electron-Vue 使用 npm 或 yarn 管理依赖,你可以使用熟悉的包管理器来安装和管理应用程序的依赖。 使用Vue CLI 进行构建:Electron-Vue 集成了 Vue CLI,你可以使用 Vue CLI 提供的功能来构建和管理应用程序。 使用webpack 进行打包:Electron-Vue 使用 webpack 进行打包,你可以使用 webpack ...
在vite.config.ts中增加配置 #增加部分importAutoImportfrom'unplugin-auto-import/vite';importComponentsfrom'unplugin-vue-components/vite';import{ElementPlusResolver}from'unplugin-vue-components/resolvers';// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[AutoImport({resolvers:[Element...
npm uninstall vue-cli-g 安装 install @vue/cli -g 1.2 使用vue-cli创建项目 选取一个项目存放的路径,然后开始创建项目 例如: vuecreateelectron-vue-helloworld 这里将项目名定为:electron-vue-helloworld 输入完上述命令之后进入vue项目的创建过程。出现以下内容 ...
038-Vue3+Electron19项目-2 1:30:11 039-Vue3+Electron19项目-3 46:50 040-Vue3+Electron19项目-4 22:33 041-Vue3+Electron19项目-5 55:31 042-Vue3+Electron19项目-6 04:39 043-Vue3+Electron19项目-7 41:51 044-Vue3+Electron19项目-8 ...
然后在 Home.vue 页直接调用,加入 vue 的修饰符@keyup.enter可以直接回车键执行搜索: handerSearch方法就可以调用我们刚才的获取列表方法了,如果搜索条件为空的时候就直接return结束,否则就传入需要搜索的标题名称,nedb 支持正则搜索,我们直接动态生成正则表达式,就可以实现搜索笔记的功能了,i表示搜索不区分大小写,是不...
第一步:全局安装vue脚手架(如果已安装,就不必进行这一步了) 第二步:通过vue脚手架,创建一个vue项目 第三步:进入创建好的vue项目文件,安装electron 第四步:配置package.json文件和main.js文件 第五步:加载vue项目 第六步:运行electron命令,弹出应用框。
最后在Home.vue中使用我们的FileEdit组件: .sync 这个也是vue 2.3.0+之后新加的一个语法糖,平时在封装组件的时候很好用的一个语法糖,它的实现机制和v-model是一样的。我们可以先看下官方文档:https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6 ...