使用vue-cli创建项目 vuecreate<project_name> 创建时依据如下图进行选择 这块vue版本选择,你会哪个版本就选哪个,因为我只会vue2,所以选择的vue2 依据上述图依次回车即可。 安装electron-builder插件 安装过程时长取决于网络状态 cd <project_name> vueaddelectron-builder 选择最新的electron13即可 至此,一个基础的e...
要创建一个 Electron Vue 项目,你可以按照以下步骤进行: 安装Node.js 和 npm: 首先,确保你的计算机上安装了 Node.js 和 npm。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,npm 是 Node.js 的包管理工具。你可以从 Node.js 官网 下载并安装适合你操作系统的版本。 安装vue-cli: 使用npm 安装...
(1)、通过 Vue脚手架工具 vue-cli 创建Vue项目:vue init webpack xxxxxx (注:项目名称中不能出现大写字母) vue init webpack electron-vue 等待Vue项目初始化完成。 Vue项目创建完成,通过CMD命令行进入项目存放目录 或 代码编辑工具(vscode、webstorm)等直接打开该项目,执行命令:npm run dev启动项目。 npm run...
1) 创建项目 1. 安装 vite yarn create vite 可以直接创建项目。 若是创建了,跳过第二步 输入项目名,选择 vue, 选择 javaScript 就可以了。有其他需求根据实际需求选 2. 创建项目 创建命令如下: yarn create vite <your-vue-app-name> --template vue 此处创建一个项目,名为kuari。 yarn create vite kuari...
首先,全局安装 vue-cli,如果已经安装过,则跳过。 npm install vue-cli -g 1. 在本地创建一个空文件夹(作为工程目录),使用命令行窗口打开该目录。 执行初始化 electron-vue 命令。 vue init simulatedgreg/electron-vue my-project 1. 初始化过程中会让填很多参数配置,我填的参数如下,大家也可以自行调整设置:...
最近在搞一个自己的离线pos系统,因为店里的硬件设施已经是老版本了,所以版本不要求太高,使用的是 electron-vue + element UI + vue-router + vuex + axios 因为要打包,要自动更新,就前前后后创建了很多项目,使用了很多版本,最后成功的实现。把成功分享出来,供大家参考 ...
1.点击创建项目 在这里插入图片描述 2.命名项目、选择你的包管理工具 在这里插入图片描述 3.选择手动配置 4.勾选你需要的东西,这里我多选了路由和vuex 在这里插入图片描述 5.最后就是选择你的vue版本和下面那个我随便选的 在这里插入图片描述 6.添加electron插件 ...
官网: Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。 我们可以在electron中使用vue/angular/react等目前市面上最流行的js框架。最近在学习vue,那么这里就选择使用了vue作为开发应用的框架。
由于electron-localshortcut最近有升级,electron-vue创建好项目后使用的是最新的electron-localshortcut@3.2版本。 electron-localshortcut@3.2版本有一些bug,导致 electron-vue创建项目运行后 提示 /node_modules/_electron-localshortcut@3.2相关错误 错误详情见下: ...
创建项目 vue3 + electron 安装electron npminitelectron-app@latest my-vue-app -- --template=vite 进入my-vue-app安装vue cdmy-vue-app npm install vue npm install --save-dev @vitejs/plugin-vue 修改index.html <!DOCTYPEhtml>Hello World! 新建src/App.vue <template>💖 Hello World!Welcome to ...