Electron+Vue+Vite: 开发实践—初始化项目

最新推荐文章于 2024-08-26 08:30:34 发布
最新推荐文章于 2024-08-26 08:30:34 发布
阅读量530 收藏
点赞数
分类专栏： Electron Threejs Vue3 文章标签： vue.js electron 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seelingzheng/article/details/130965919
版权
Threejs 同时被 3 个专栏收录
24 篇文章 1 订阅 ¥129.90 ¥299.90
订阅专栏
Electron
1 篇文章 0 订阅
订阅专栏
Vue3
1 篇文章 0 订阅
订阅专栏
本文介绍了在Apple M1系统上，使用VSCode、NodeJS 18.10进行Electron+Vue+Vite项目的创建和构建过程。详细讲解了如何解决安装时的网络问题和权限报错，以及客户端和网页的构建打包步骤，包括客户端的打包命令和生成的可执行文件，以及网页的打包和运行查看。
摘要由CSDN通过智能技术生成

运行系统：Apple M1 ，16 GB

开发工具：VSCode

NodeJS:18.10

参考：https://github.com/electron-vite/electron-vite-vue.git

文章目录

创建项目

npm create electron-vite


cd electron-vite-temp
 sudo yarn install
 sudo yarn dev
了解本专栏 订阅专栏 解锁全文
seelingzheng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Electron+Vue3+Vite+ElectronForge整合 - 一键启动两个服务 & 一键打包两个服务
northcastle的博客
04-30 2003
electron + vue3 + vite + electron-forge 实现一键启动 & 一键打包功能
electron vue vite 配置安装
solocao的专栏
08-12 500
electon 打包安装
Electron+Ts+Vue+Vite桌面应用系列：TypeScript常用语法详解
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
11-30 1914
Electron+Ts+Vue+Vite桌面应用系列：TypeScript常用语法详解，TypeScript的相关常用语法、属性、类等讲解，一篇带你进入Typescript，还有常用的工具类型。带你熟悉TypeScript，做你日常的帮助文档。
Electron + ts + vue3 + vite 项目搭建
mo911108的博客
06-29 5516
1.新建一个vite + ts + vue3的项目在创建选项中选择ts和vue选项。之后，安装依赖之后试运行一下，出现一下页面意味着vite-vue项目创建成功。2.安装electron的相关依赖3.配置electron注意避坑：preload.ts不要与preload-main中的index.ts同名，
Electron+Vue3+TypeScript+Vite桌面应用程序项目初始化
web秀
05-12 1993
https://www.webxiu.com.cn/post/10005241 初始化vite项目 yarn create vite todolist --template vue-ts cd todolist yarn yarn dev 浏览器访问3000端口 安装Electron yarn add -D electron electron-builder rimraf vite-plugin-electron electron-devtools-installer 如果觉得安装慢，可以改为淘宝
electron+vite+vue3+sqlite3基础框架
12-14
总结起来，"electron+vite+vue3+sqlite3基础框架"是一个为开发桌面应用提供便利的工具集合，它结合了现代前端的最佳实践，为开发者创造了一个高效、易用的开发环境。无论是对于新手还是经验丰富的开发者，这个框架都...
用vue3+elementPlus+vite搭建的electron桌面端应用模板，方便快速创建类似项目.zip
02-09
在本文中，我们将深入探讨如何使用Vue3、ElementPlus和Vite来构建一个基于Electron的桌面应用程序模板，以及这个模板对于快应用开发和企业级项目的实用价值。首先，我们来了解一下这几个关键技术： 1. Vue3：Vue.js...
Electron+Vue3+Vite+ElectronForge整合-全部ts开发 - 一键启动两个服务 & 一键打包两个服务
northcastle的博客
05-01 2049
electron+vue3+vite+electron-forge+ts 全流程开发 & 打包 步骤介绍
Ant Design Vue 快速上手指南与常见问题排查
windowshht的博客
08-22 1162
Ant Design Vue 是一款功能强大的 Vue 组件库，能够帮助开发者快速构建高质量的用户界面。通过本文的快速上手指南，您可以轻松地在项目中集成 Ant Design Vue，并解决常见问题。希望这篇文章能为您的开发工作提供帮助，提升您的开发效率。如需深入了解 Ant Design Vue 的更多功能和组件，请参考Ant Design Vue 官方文档。
vue ref和reactive区别
灰海
08-25 538
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
基于vue3和audio封装的简易音频播放器
weixin_43734732的博客
08-23 317
【代码】基于vue3和audio封装的简易音频播放器。
vue export的用法
weixin_41203765的博客
08-23 369
在Vue.js中，export关键字主要用于模块化编程，它允许你将一个文件（模块）中的代码、组件、函数、变量等导出，以便在其他文件中通过import语句来使用。这在Vue项目中非常常见，特别是当你需要重用组件、工具函数或配置时。
Vue Styled Components 新版本发布
As的博客
08-22 453
Feature ### 自动添加前缀(Auto Prefixing) vue-styled-components 会在编译 CSS 时自动添加浏览器私有前缀，这可以确保你的 CSS 规则在最常见的浏览器中兼容。
禁止浏览器默认填充密码 vue
weixin_42348009的博客
08-22 405
不能完全阻止浏览器自动填充。你还可以为账号和密码的输入框动态设置。可以防止浏览器自动填充表单中的账号和密码。属性，使浏览器难以识别这些字段。
Vue：快捷文本
最新发布
MMF博客园
08-26 360
Vue：快捷文本
移动端签名
notagoodwriter的博客
08-23 350
【代码】移动端签名。
vue中定义一个url文件,在vue文件中引入
weixin_65767506的博客
08-22 324
1.在src/utils文件夹下创建一个url.js。3.在其他vue文件中引入。2.url.js的内容为。4.在挂载时打印一下。打印出来就可以用了.
Vue3 provide（父） + inject（子、子的子...）进行值的传递及显示
jwbabc的专栏
08-22 274
利用provide（父） + inject（子、子的子...），很轻轻的实现多层嵌套下的值的传递及显示
使用Electron + Vue实现小票打印：教程与代码实践
结合 Electron 和 Vue 的项目实践，本教程可能涉及到如何在Web应用程序中集成打印功能，利用Electron的桌面应用程序特性以及Vue的组件化开发，来创建一个用户友好的界面，实现小票的格式化和打印控制。这通常涉及到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

seelingzheng

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

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

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

打赏作者

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

抵扣说明：

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

余额充值