首页 > 其他分享 >electron+vite+vue3创建技术选型(一)

electron+vite+vue3创建技术选型(一)

时间:2024-03-26 16:55:20浏览次数:18  
标签:npm www electron https vue3 vite

1.>目前有electron 然后自己根据vue项目集成的,需要自己配置各种文件(目前跟网上的帖子走了几个发现各种问题卡在了run 白屏这里,不知道是包的问题,还是版本语法的问题)

https://www.electronjs.org/zh/

2.>https://cn-evite.netlify.app/guide/

这个是electron-vite 是一个新型构建工具,旨在为 Electron 提供更快、更精简的开发体验。

npm i electron-vite -D

npm create @quick-start/electron@latest

跟着脚手架安装完就是vue3+ts+electron的集成项目

3.>electron Forge

 https://www.electronforge.io/ 参考https://blog.csdn.net/m0_46101688/article/details/136300924

标签:npm,www,electron,https,vue3,vite
From: https://www.cnblogs.com/lsc-boke/p/18097059

相关文章

  • 基于 Vue3 + Element-plus 封装的 Table 组件
    项目信息项目名称:vue3-xmw-table预览地址:点击预览Github:vue3-element-table使用方法根目录下执行npmivue3-xmw-table命令npmivue3-xmw-table全局挂载组件import{createApp}from'vue'importAppfrom'./App.vue'importXmwtablefrom'vue3-xmw-table'......
  • vue3+ts项目引入富文本编辑器wangeditor
    说明项目开发中,做到媒体说、资讯等模块时,会需要引入富文本编辑器,对比发现wangeditor使用群众多,并且很多问题也已经有解答。界面展示实现要点引入wangeditor配置导航栏代码<template><divstyle="border:1pxsolid#EEEFF0;border-radius:5px;overflow:hidden;wid......
  • [Vue3] 嵌套路由
    App.vue<template><divclass="app"><!--导航区--><divclass="navigate"><RouterLinkto="/home">Home</RouterLink><RouterLinkto="/news">News</Route......
  • vue2和vue3的主要区别#记录
    一、 vue2和vue3的区别1、vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5的一个API Object.definePropert()对数据进行劫持结合发布订阅模式的方式来实现的。vue3 中使用了es6的 ProxyAPI对数据代理。相比于vue2.x,使用proxy的优势如下de......
  • vue3项目中使用echarts实现中国地图大区任意分区
    最终效果:背景:项目需要在中国地图上显示各大区的库存情况,使用echarts将下载的中国地图挂载后,好家伙,全是一块块的省份,再定睛一看,我这项目需求的大区咋只有6个,好好好,看来得探索一波如何将各省份自定义为大区了。1.echarts、中国地图json文件下载echarts下载:npminstallecha......
  • 分享:vue3+OpenTiny UI+cesium 实现三维地球
    效果图使用vue3+OpenTinyUI+cesium实现三维地球node.js>=v16.0opentinyvue3ui安装指南https://opentiny.design/tiny-vue/zh-CN/os-theme/docs/installationyarnadd@opentiny/vue@3项目依赖"dependencies":{  "@opentiny/vue":"3"......
  • vue3项目初始化
    初始化项目newsappVSCode打开终端,newsapp项目目录,可自定义vuecreatenewsapp有提示“因为在此系统上禁止运行脚本”的话,请执行set-ExecutionPolicyRemoteSigned执行后再重复执行vuecreatenewsapp注意选择Vue3版本测试项目是否正常可运行:先进入newsapp目录,用cdn......
  • 前端Vue篇之Vue3响应式:Ref和Reactive
    目录Vue3响应式:Ref和ReactiveRef和Reactive概述用途Ref基本用法及在setup()中的使用基本用法在setup()中使用`<scriptsetup>`语法为何使用refReactive基本概念及在模板中的使用基本概念在模板中使用Reactive深层响应式与Ref区别为何使用ReactiveRef和Reactive比较和......
  • vue3 动态编译组件失败:Component provided template option but runtime compilation
    根据vue3官方文档路由,写了如下一个简单的页面来模拟路由的实现。为了减少*.vue文件的个数,在这个但页面中,使用defineComponent通过object定义组件。<scriptsetup>import{ref,computed,defineComponent}from'vue'constHome=defineComponent({template:`......
  • VUE3.0(一):vue3.0简介
    Vue3入门指南什么是vueVue(发音为/vjuː/,类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue都可以胜任。vue3官方文......