"main": "background.js",
"scripts": {
"electron:serve": "node_modules/.bin/vue-cli-service electron:serve",
"postinstall": "electron-builder install-app-deps",
"postuninstall": "electron-builder install-app-deps"
"devDependencies": {
"electron": "^15.0.0",
"electron-devtools-installer": "^3.1.0",
"vue-cli-plugin-electron-builder": "~2.1.1"
3、安装依赖
cnpm i 、npm i 、yarn i
4、启动项目
npm run electron:serve
5、可能启动会报错
这个是core-js导致的问题,因为ruoyi-ui(3.7)最新版的core-js版本是3.8.1,只需要升级core-js到3.19.0,在删除原本的依赖,重新安装在运行即可
7、再去把ruoyi-ui的登录的存储方式有cookie改成localStorage存储就能登入系统了
8、如果对你有些许帮助,请start下,感激不尽
参考项目electron-vue-template可以给博主start一下哦!操作改造项目为 若依、示例项目 electron-ruoyi-vue1、复制.electron-vue、build、src下的background.js、index.ejs到对应位置中2、在package.json中scripts中添加 "main": "background.js", "scripts": { "electron:serve": "node_modules/.bin/vue-
vue项目实战vue项目实战
vue项目实战
vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目实战vue项目
1. git clone https://github.com/electron/electron-quick-start**
2. 找到clone下来的项目入口文件main.js 和 package.json 修改路径配置**
main.js :
3. 在已建好vue-cli项目中,安装electron依赖:**
npm install electron --save-dev
npm install electron-packager --save-de
新建一个简单的electron-vue项目
vue init simulatedgreg/electron-vue pay-store-clientvue init simulatedgreg/electron-vue my-project
把原有项目package.json的dependencies,devDependencie...
npm install -g cnpm --registry=https://registry.npm.taobao.org
设置ELECTRON_MIRROR,加速electron的预编译
npm config set ELECTRON_M...
如何使用Electron-vue来构建Vue项目呢?这篇文章小柒与大家一起来一步一步创建。 前提条件:node.js、vue/vue-cli、webpack、Electron都要有了解哦。
用electron-vue 如何创建Vue项目
通过下面这条命令,就可以创建一个electron-vue项目了。
vue init simulatedgreg/electron-vue ele-vue...
vue init simulatedgreg/electron-vue my-project
如果你当前使用的是vue-cli3或vue-cli4,那么你需要全局安装vue-cli2:
npm install --global vue-cli
当模板现在完毕后,根据提示一步一步进行下去。当模板完全构建完毕后,进行依赖安装:
npm install
第二步、运行项目
npm run dev
这个时候会报错误:
Unable to install `vue-de
基于 vue (基本上是它听起来的样子) 来构造 electron 应用程序的样板代码。
该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具,加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等。
使用electron-vue可以将vue的
话不多说,开讲。
第一步, 克隆electron-quick-start
git clone https://github.com/electron/electron-quick-start
进入克隆项目:electron-quick-start,此为样板项目。在该目录下执行以下指令安装依赖:
npm install (或者) cnpm install
说明:npm 升级
如果你可以建一个网站,你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。
注:vue的新老项目都可打包成electron桌面软件,我这里是新建的新项目
1.搭环境
//安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
//安装脚手架
npm install @
将网页项目打包成桌面应用Electron的使用
介绍一下electron
Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。
Electron的开发可以参考官方文档,这里只说开发...
二.创建主脚本文件
主脚本指定了运行主进程的 Electron 应用程序的入口(就我们而言,是 main.js 文件)。 通常,在主进程中运行的脚本控制应用程序的生命周期、显示图形用户界面及其元素、执行本机操作系统交互以及在网页中创建渲染进程。 Electron 应用程序只能有一个主进程。
主脚本可以如下所示:
/* jshint esversion: 6 */
const electron = require('elect
要在vue项目中使用electron,首先需要安装并配置好electron相关的依赖。可以使用vue-cli来创建一个vue项目,然后在项目根目录下执行命令安装electron依赖:
npm install electron --save-dev
安装完成后,需要配置package.json文件,将main.js指定为electron的入口文件,并添加启动electron的命令:
```json
"main": "main.js",
"scripts": {
"electron": "electron ."
然后在项目根目录下创建main.js文件作为electron的入口文件,编写electron的启动代码。在main.js中可以引入electron模块,创建一个窗口并加载vue项目生成的dist目录下的index.html文件:
```javascript
const { app, BrowserWindow } = require('electron')
let mainWindow
app.on('ready', () => {
mainWindow = new BrowserWindow({
width: 800,
height: 600
mainWindow.loadURL(`file://${__dirname}/dist/index.html`)
接下来,需要在vue项目中创建一个打包配置文件webpack.electron.conf.js,用来配置vue项目的打包输出目录和文件名。在vue项目的package.json文件中,添加electron的启动命令:
```json
"scripts": {
"build:electron": "vue-cli-service build --mode production && electron ."
执行以上步骤后,就可以使用npm run build:electron命令来打包vue项目并启动electron应用了。这样就成功在vue项目中使用electron了。
错误信息:Could not write JSON: (was java.lang.NullPointerException); nested exception is com.faster
jwt 单点退出问题解决方案之一
时间淡忘一切:
jwt 单点退出问题解决方案之一
qq_34820646: