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
其实FileEdit组件就是基于mavon-editor做了一些简单的业务封装,加入了一个标题输入框,它只是一个充当中间人的组件,负责传递数据而已,那么这个时候我们可以使用v-bind=" 最后在Home.vue中使用我们的FileEdit组件: .sync 这个也是vue 2.3.0+之后新加的一个语法糖,平时在封装组件的时候很好用的一个语法糖,它的实现机...
使用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 这里将...
运行vue create markdown-previewer将创建一个新的Vue应用程序,但首先,系统会提示你一些问题来设置应用程序。 步骤1 选择Manually select features功能,然后按Enter,这将使你能够明确选择要包含在新项目中的库。 步骤2 要选择和控制功能列表上的一个项目,鼠标在这里无法工作,所以当你想选择/取消一个功能时,请使用箭...
第二步:搭建vue开发环境 1.安装淘宝npm镜像 由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用 淘宝的cnpm命令管理工具可以代替默认的npm管理工具:$ npm install-g cnpm--registry=https://registry.npm.taobao.org; 淘宝镜像安装成功之后,我们就可以全局vue-cli脚手架,输入命令:cnpm install--...
7Electron教程(七)结语 目前 基于 electron + vue 的使用,一般都是网络应用,几乎都只是为了打包一个 vue 的 web 应用建的。 原理是没变的,还是 electron + html 文档,只不过打包的是 vue 生成的 dist...
由于使用的ruoyi-vue框架开发,所以这篇教程以ruoyi-vue为基础的。 环境说明 nodejs:v16.18.1 npm:8.19.2 ruoyi-vue:3.8.6 环境部署 下载若依并安装依赖 ruoyi-vue:https://gitee.com/y_project/RuoYi-Vue # 进入项目目录 cd ruoyi-ui # 安装依赖 强烈建议不要用直接使用 # cnpm 安装,会有各种诡异的 bu...
手摸手Electron + Vue实战教程(一) 手摸手Electron + Vue实战教程(二) 手摸手Electron + Vue实战教程(三) 手摸手Electron + Vue实战教程(四) 上一篇我们已经完成了数据持久化,使得我们创建的 Markdown 笔记得以保存,这一篇我们就开始实打实地创建 Markdown 笔记了。 不过我们先来优化一下之前数据库初始化的地方...
这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始化一个基本项目后,我们需要在项目中安装一些关于electron的包。 安装electron: npm install electron -D 如果你安装electron不成功,建议使用cnpm安装。 安装electron-builder: ...