使用yarn创建vite+vue3electron多端运行

文章目录

  • 第一步 使用yarn创建vite+vue3项目
    • 遇到创建报错看
  • 第二步 引入electron
  • 第三步 创建main.js
    • 在electron下面的main.js写入下面代码
  • 第四步 安装同时运行多条命令npm包&&修改package.json文件
    • npm包
    • 增加一条electron运行脚本命令
  • 效果图

第一步 使用yarn创建vite+vue3项目

  • yarn create vite

遇到创建报错看

创建vite项目报错

第二步 引入electron

我这里用的是淘宝镜像下载的包

cnpm install electron --save-dev

第三步 创建main.js

  • 在根目录创建electron文件夹
  • 在electron 文件夹下面创建 main.js
    创建electron窗体文件

在electron下面的main.js写入下面代码

const { app, BrowserWindow } = require('electron');function createWindow() {const win 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/525933.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

鸿蒙培训开发:就业市场的新热点~

金三银四在即,随着春节假期结束,各行各业纷纷复工复产,2024年的春季招聘市场也迎来了火爆的局面。最近发布的《2024年春招市场行情周报(第一期)》显示,尽管整体就业市场仍处于人才饱和状态,但华…

专业140+总分430+西南交通大学924信号与系统考研经验电子信息与通信工程,真题,大纲,参考书

今年报考西南交通大学,考研分数专业课924信号与系统140,总分430,各门分数都还是比较均衡,经过一年的复习,有得有失,总结一下自己的复习经历,希望给大家有点帮助,在复习中做的更好&am…

opencv编程

opencv编程 引言: ​ 本实验旨在介绍使用OpenCV进行图像处理和视频处理的基本操作。OpenCV(Open Source Computer Vision Library)是一个开源计算机视觉库,提供了丰富的图像和视频处理功能,既可以进行图像的读取、显示…

植物病虫害:YOLO玉米病虫害识别数据集

玉米病虫害识别数据集:玉米枯萎病,玉米灰斑病,玉米锈病叶,粘虫幼虫,玉米条斑病,黄二化螟,黄二化螟幼虫7类,yolo标注完整,3900多张图像,全部原始数据&#xff…

“大步迈进:探索未来的UI自动化测试框架“

源于一次测试 最近做了一些业务开发,功能本身还是挺简单的,由于测试资源不足,应测试要求,我就顺道接下了一些测试的活。测试任务也不复杂,无非是一些字段CURD来回变了法子的测试,各个字段分开,…

【OpenGL手册11】材质的模型

目录 一、说明二、材质表面和光照三、设置材质四、光的属性五、不同的光源颜色练习 一、说明 在现实世界里,每个物体会对光产生不同的反应。比如,钢制物体看起来通常会比陶土花瓶更闪闪发光,一个木头箱子也不会与一个钢制箱子反射同样程度的…

ROS基础学习—话题、服务、动作编程

ROS基础学习—话题、服务、动作编程 引言: ​ 通过本实验,我们将进行ROS基础学习内容主要包括:话题、服务、动作编程。掌握ROS的这些基础概念,进一步深入ROS的学习。 希望你在本次学习过后,能够有一定的收获&#xff0…

优先权的不同特征性质

目录 1.强占式,静态优先权,动态优先权 2.先来服务算法,高响应比优先算法,时间片轮转算法,非抢占式短任务优先 1.强占式,静态优先权,动态优先权 2.先来服务算法,高响应比优先算法&am…

Vue.js+SpringBoot开发海南旅游景点推荐系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 用户端2.2 管理员端 三、系统展示四、核心代码4.1 随机景点推荐4.2 景点评价4.3 协同推荐算法4.4 网站登录4.5 查询景点美食 五、免责说明 一、摘要 1.1 项目介绍 基于VueSpringBootMySQL的海南旅游推荐系统&#xff…

redis小知识:Linux系统中使用Docker安装Redis的详细步骤和命令

安装Docker: 首先确保在你的Linux系统上安装了Docker。你可以按照官方文档提供的步骤进行安装。 拉取Redis镜像: 使用以下命令从Docker Hub上拉取Redis官方镜像: docker pull redis创建并运行Redis容器: 使用以下命令创建并启动…

揭秘接口测试:完整流程指南!

在讲接口测试之前,首先需要给大家申明下:接口测试对于测试人员而言,非常非常重要,懂功能测试接口测试,就能在企业中拿到一份非常不错的薪资。 这么重要的接口测试,一般也是面试笔试必问。为方便大家更好的…

ChatGPT 串接到 Discord - 团队协作好助理

ChatGPT 串接到 Discord - 团队协作好助理 ChatGPT 是由 OpenAI 开发的一个强大的语言模型,本篇文章教你如何串接 Discord Bot ,协助团队在工作上更加高效并促进沟通与协作。使 ChatGPT 发挥出最大的功效,进一步提升工作效率和团队协作能力。…