vue+electron创建桌面客户端项目

最新推荐文章于 2024-03-08 17:40:00 发布
最新推荐文章于 2024-03-08 17:40:00 发布
阅读量614 收藏
点赞数 1
文章标签： vue.js electron javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16469323/article/details/121722478
版权

1、安装Node.js

进入Node.js中文官网

下载 | Node.js 中文网 (nodejs.cn)

 下载对应版本node之后为电脑配置node环境

2、安装vue

npm install -g @vue/cli

3、创建vue项目

在终端输入vue-ui进入项目仪表盘新建vue项目

 点击创建

 设置项目名和包管理器

选择项目模板之后创建项目

4、安装electron

创建完成后点击插件页面搜索electron，安装如图所示插件

 安装完之后点击完成安装

5、启动项目

终端运行

npm run electron:serve

6、打包项目

终端运行

npm run electron:build

CodeXu_cyber
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
electronvue基于vue来构造electron应用程序的样板代码
08-09
该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具，加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder，以及一些最常用的插件，如vue-router、vuex 等等。
vue-electron项目的创建
weixin_43960018的博客
04-17 900
文章目录创建vue3项目在vue项目中集成electron项目运行项目目录 创建vue3项目 打开指定的文件目录，打开命令行窗口，输入 vue create vue-electron-demo 在vue项目中集成electron 进入刚才生成的项目目录，打开命令行窗口，输入 vue add electron-builder 如此，便初步搭建起来了一个vue中集成electron的项目 项目运行 打开package.json，我们可以看到 如果我们输入npm run serve，那么默认在浏览器中打开普
vue结合vue-electron创建应用程序
Sandersonia的博客
03-08 1258
在现有的项目中使用electron，将网页转换成应用程序
创建electron+vue项目（vue 一）
qq_34533703的博客
05-06 302
创建electron+vue项目
Vue + Electron 开发桌面应用 ---- 资料记录
标题有点难
09-18 370
一、整理资料： Vue 全家桶 + Electron 开发的一个跨三端的应用 http://blog.csdn.net/qq_30513483/article/details/73603396 使用 electron-vue 构建你的桌面应用 http://blog.csdn.net/github_36978270/article/details/78460696 electron 将p...
使用Vue+Electron开发桌面客户端
qq_37708668的博客
09-10 1417
Electron 是一个非常强大的工具，它可以用来构建跨平台的桌面应用，编写一次到处运行。 具体开发步骤参考该网址：https://zhuanlan.zhihu.com/p/253325474 简单易懂，还配有视频讲解。 本文主要记录一下遇到的问题：（win10系统） 1、执行npm run electron:build 命令进行打包时报错：cannot find module fs/promises 原因： 这是nodejs版本太低导致的，查看electron-builder的代码可以发现，里面都是req
前端+将vue项目打包为桌面应用+electron学习
最新发布
04-15
它是由GitHub开发的，最初是为了构建GitHub的桌面客户端而创建的。它允许使用JavaScript、HTML和CSS等Web技术来构建桌面应用程序，而不需要使用传统的桌面应用程序开发工具。Electron基于Node.js和Chromium的开源...
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
08-28
electron框架 Electron框架是一个用于创建跨平台桌面应用程序的开源框架。它基于Node.js和Chromium，可以使用Web技术（HTML、CSS和JavaScript）来构建桌面应用程序。
Electron:Node+Electron开发桌面应用程序,electron-chat是electron开发的桌面聊天应用(里边有node后台、前台小程序和electron两种客户端)、electron-vue-quick-start是一个electron的体验项目(有登录、日志打印、多页面配置等功能)
05-01
Node+Electron开发桌面应用程序,electron-chat是electron开发的桌面聊天应用(里边有node后台、前台小程序和electron两种客户端)、electron-vue-quick-start是一个electron的体验项目(有登录、日志打印、多页面配置等...
基于Electron实现桌面应用开发代码实例
10-15
主要介绍了基于Electron实现桌面应用开发代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Vue全家桶+Electron开发的一个跨三端的应用
02-24
今年5月19号，GitHub使用Electron重写了macOS和Windows的客户端，加上近些年跨端开发越来越火，对于一些公司来说，Web和app应该都是需要的，app还需要iOS和Android两个平台，再有甚者还要开发小程序，桌面级的应用...
vue+electron
yzkdcsdn的博客
10-14 1362
vue+electron
electron + vue 开发桌面端项目
On the way
06-29 485
1、创建一个electron-vue的项目 vue init simulatedgreg/electron-vue my-project 和vue的创建类似 2.进入项目目录 cd my-project 这里还有一点和vue不太一样，vue在创建的时候就会自动安装依赖，但是electron-vue不会，需要你手动安装依赖 npm i (这里需要说明一下，虽然用cnpm安装会更快，但是这里还是推荐用npm，不然后面可能会出现一些莫名的坑) 安装完成，下方就是electron-vue的目录 electron
Electron-vue搭建vue全家桶+Element UI客户端（一）
热门推荐
u013164503的博客
03-03 2万+
一、新建项目 1、初始化项目 electron-vue是vue-cli和electron结合的项目，比单独使用vue构建起的electron项目要方便很多. 打开cmd，新建一个项目，我使用的是electron-vue，输入以下命令： vue init simulatedgreg/electron-vue my-project my-project就是我们自己取的项目名。 如果出现下图问题，说明...
vue + Electron 制作桌面应用
csdn_chengpeng的博客
11-17 2441
vue制作桌面应用1.vue打包2.配置 Electron 1.vue打包 这里使用vue原生打包命令，对vue项目进行打包 npm run build 2.配置 Electron 使用 Electron 制作桌面应用需要另个文件 1.package.json 创建一个package.json文件，将以下代码放入 { "name": "demo", //项目名称 "productName": "demo", "author": "作者", "version": "1.0.4", "m
前端判断是否安装桌面应用_Github上一款前端桌面端应用项目，很值得学习！
weixin_42523552的博客
01-21 189
今天给大家推荐一个一款前端桌面端应用——electron-playground项目，帮助前端仔更好、更快的学习和理解前端桌面端技术Electron, 少走弯路。作者：OBKoro1链接：https://juejin.cn/post/6902230039366991879来源：掘金如果领导突然说需要开发一款前端桌面端应用，那么对于我们前端er来说选择Electron是一件顺理成章的事情。但事实上很多...
Electron-vue
WmingCSDN的博客
11-22 505
概要 该项目的目的，是为了要避免使用 vue 手动建立起 electron 应用程序。electron-vue 充分利用 vue-cli 作为脚手架工具，加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder，以及一些最常用的插件，如vue-router、vuex 等等。 安装 vue-cli 和 脚手架样板代码 npm in...
electron-vue
web_q的博客
08-28 946
又在死亡的边缘试探 要写一个桌面应用 (ps电脑重做系统 node模块出现了问题 安装的时候选择自动把npm到全局变量里) 文档electron-vue     https://simulatedgreg.gitbooks.io/electron-vue/content/cn/ 官网 https://electronjs.org/ 一  先构建一个初始项目 $ vue init simul...
VUE+ELECTRON桌面应用开发实例
06-03
在Vue项目的根目录下创建一个名为`main.js`的Electron主进程文件，编写如下内容： ``` const electron = require('electron'); const app = electron.app; const BrowserWindow = electron.BrowserWindow; let ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CodeXu_cyber

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值