electron-vue使用教程

最新推荐文章于 2024-08-08 07:38:22 发布
最新推荐文章于 2024-08-08 07:38:22 发布
阅读量2.1k 收藏
点赞数
分类专栏： electrion-vue 文章标签： javascript css3 html
原文链接：https://blog.csdn.net/qq_37481512/article/details/103273876
版权

一、在本地安装vue-cli

// cmd 命令窗口输入 全局安装vue-cli
npm install vue-cli -g

二、创建自己工程(electron-vue)

// cmd 命令窗口输入 
vue init simulatedgreg/electron-vue (你所创建的文件名)

在安装的时候会有一个代码严谨模式 个人喜欢关掉 。
如果喜欢代码严谨的不用去管 一路回车就ok
三、启动开发模式

// cmd命令窗口输入
npm run dev

https://blog.csdn.net/qq_37481512/article/details/103273876

Web-jxc
关注
专栏目录
【electron-vue】教程：从零开始搭建跨平台桌面应用
freeGameBox的博客
06-02 2371
要打包和发布electron-vue应用，你需要先在package.json文件中配置一些信息，例如应用名称，版本，描述，作者，许可证等。要使用electron-vue，你需要先安装Node.js和npm，然后全局安装vue-cli，这是一个用于创建vue项目的命令行工具。这个命令会让你输入一些项目信息，例如项目名称，描述，作者等，然后会自动下载electron-vue模板并安装依赖。这个命令会使用electron-builder来打包应用，并根据你的操作系统生成相应的安装文件。
electron-vue开发总结与踩坑经验（创建、mac、自动更新、日志）
m0_59415345的博客
11-29 2027
Electron-Vue项目的开发总结，包括如何创建项目，打包，获取mac地址，如何自动更新软件，输出日志信息
Electron-Vue 项目教程
最新发布
gitblog_00368的博客
08-08 786
Electron-Vue 项目教程 electron-vueSimulatedGREG/electron-vue：这是一个基于Electron和Vue.js的桌面应用开发框架，适合开发跨平台的桌面应用程序。特点包括一套代码、多端运行、易于上手等。项目地址:https://gitcode.com/gh_mirrors/el/electron-vue 1. 项目的目录结构及介绍 Electron-V...
electron-vue跨平台桌面应用开发实战教程（一）——项目搭建
David1025的专栏
02-18 5930
本文将带领大家使用vue-cli + electron-builder构建一个Hello World Electron是一个基于Chromium和 Node.js，可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。 在开始搭建项目之前，需要安装以下工具 node.js 1 创建项目 1.1 安装vue-cli 先查看...
Electron学习记录（二）-在Electron中使用vue3
sinat_37066308的博客
04-23 4515
本质就是用vue写前端页面，然后用Electron套壳，通过window传递消息，实现前端和node之间的通信。
Electron vue使用详解
热门推荐
Mr_TianChen的博客
12-01 1万+
Electron+node.js+vue Electron是什么？ Electron 是一个框架，可以让您使用 JavaScript, HTML 和 CSS 创建桌面应用程序。 然后这些应用程序可以打包在macOS、Windows和Linux上直接运行，或者通过Mac App Store或微软商店分发。 通常，您使用每个操作系统特定的本地应用程序框架为操作系统 (OS)创建一个桌面应用程序。 Electron 可以在使用您已经知道的技术后写入您的应用程序。 前提条件 在使用 Elect
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
`electron-vue-admin-master`这个文件可能是一个示例项目的源码，包含了上述所有配置和实现细节，供学习者参考和实践。在实际开发中，还需要根据具体需求进行调整，例如添加错误处理、自定义更新提示等。
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
electron-vue-print-demo:electron+vuecli3 实现打印小票功能
05-25
electron-vue-print-demo electron+vuecli3 实现设置打印机，静默打印小票功能 使用 git clone https://github.com/sunniejs/electron-vue-print-demo.git npm install npm run electron:serve 生成效果 实现 操作...
基于 electron-vue 开发的音乐播放器，界面模仿QQ音乐，技术栈electron-vue+vue+vuex+vue-r
05-25
这个项目采用的技术栈包括 electron-vue、vue、vuex、vue-router 和 element-ui，它们都是前端开发中的关键组件。 **electron-vue** 是一个用于构建 Electron 应用程序的脚手架，它结合了 Electron 的强大功能与 ...
Electron vue的使用教程图文详解
10-16
Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序。这篇文章主要介绍了electron-vue多显示屏下将新窗口投放是其他屏幕 ,需要的朋友可以参考下
electron-vue-template:electron vue 模板
05-08
electron-vue-template 一、项目运行 1. 依赖安装 yarn install # 或者 npm install 2. 开发模式 yarn electron:serve # 或者 npm run electron:serve 3. 生产打包 yarn electron:build # 或者 npm run electron:...
electron+vite+vue3 快速入门教程
pixle的博客
01-17 4322
本文将介绍electron基本使用和构建electron+vite+vue3脚手架开发项目electron框架对web开发人员来说非常友好，无须了解原生开发技能，就能通过web技术进行桌面应用开发，大大减少学习成本，一套代码能快速构建生成多端应用，也大幅减少了开发成本。简言之，electron开发可以看成是桌面功能开发+纯web页面开发，桌面功能开发在主进程调用Electron API，而web页面开发就是html，css，js技术栈。
Electron-Vue的基本使用
m0_54853146的博客
03-11 3860
Electron-Vue 是个可以让我们使用 Vue 来开发 Electron 桌面程序的框架，单页面的应用解决了在Electron中每次打开新页面都要创建窗口的烦恼。 1. 环境搭建 // 安装脚手架 npm install -g vue-cli // 初始化项目 vue init simulatedgreg/electron-vue my-project // 进入项目 cd my-project // 安装依赖 yarn 上面的项目在初始化时一定要安装Electron，另外安装依赖时也可以 npm
Electron+vue的使用
天涯的浪子
08-20 1909
Electron Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象，可以构建跨平台桌面程序，本身支持node.js，可以使用node.js的一些模块。Electron官网 Electron + Vue 联合使用 安装Nodejs 安装成功之后node -v,会显示版本。 node -v v8.11.1 搭建Vue开发环境 我们.
electron-vue 入门
qq_36248539的博客
05-27 2115
electron-vue 简要介绍 vue只是在renderer进程里使用的框架，不涉及到main进程。如下图： 大体的项目结构如下，根据选择的不同设置结构会有所不同： my-project ├─ .electron-vue │ └─ <build/development>.js files ├─ build │ └─ icons/ ├─ dist │ ├─ electron/ │ └─ web/ ├─ node_modules/ # npm install ├─ src │ ├─
Electron-vue
Growing up Or Growing old
01-15 9972
Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。通过将Chromium和Node.js嵌入到其二进制文件中，Electron 允许您维护一个 JavaScript 代码库并创建可在 Windows、macOS 和 Linux 上运行的跨平台应用程序——无需原生开发经验。......
electron-vue electron-log
12-15
它结合了 vue.js 和 electron，可以让开发者使用 vue.js 的组件化开发方式来构建跨平台的桌面应用程序。使用 electron-vue 可以快速搭建 electron 应用的基础结构，并且利用 vue.js 的特性来开发界面和逻辑。 而 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值