草庐IT

electron-vite

全部标签

我用nodejs和electron实现了一个简单的聊天软件-----chat 开源

翎🎥项目演示地址🔗https://www.bilibili.com/video/BV1Fg4y1u76d/希望观众老爷给个免费的三连支持一下新人up主♻️项目基本介绍翎是基于electron(vue2)和nodejs实现的简单聊天软件,其中用websocket和http进行通讯传递,数据库使用了mysql数据库,该项目功能简单,界面简洁,适合正在练习websocket和vue的小白查看代码,代码量极少且逻辑清晰,每个功能都会添加相应的逻辑供大家观看学习(大佬勿喷)🧧作者自己的配置环境数据库nodejs14.20.1npm🧨部分用户遇到的问题双击chat.exe出现闪退这里大概率就是你的数据库配

【VUE】项目本地开启https访问模式(vite4)

在实际开发中,有时候需要项目以https形式进行页面访问/调试,下面介绍下非vue-cli创建的vue项目如何开启https环境vue:^3.2.47vite:^4.1.4根据官方文档:开发服务器选项|Vite官方中文文档ps:首次操作,不要被类型boolean误导了哈,直接设置true可能报错正确打开方式1、首先根据官方文档安装依赖@vitejs/plugin-basic-sslnpminstall-D@vitejs/plugin-basic-ssl#or#yarnadd-D@vitejs/plugin-basic-ssl#or#pnpmadd-D@vitejs/plugin-basic-s

一站式解决方案!Electron、Vite和Vue 3助你打造功能丰富桌面应用

背景结合ElectronForge、Vite和Vue3,你可以快速构建功能丰富的跨平台桌面应用程序,尽管你可能只懂web开发,你一样可以轻松的开发出各式各样的桌面应用。而且Vite的快速热更新能力和Vue3的高效性能,加速了开发周期,使得开发者能够更快地迭代和测试应用。很多vue3的UI可以使用,例如本文选用的arco-design,这就是站在巨人肩膀之上。废话不多说,进入正题。本文的所有代码,已经上传github,如果使用,可以直接拿去。而且作者会持续更新它。Electron+Forge+ViteElectronForge官方提供了一个脚手架,且自带Vite模版。npminitelectro

vite:常见的配置

最近在捣鼓一下vite,因为自己一直在使用react,就选择vite、react来体验一下vite。使用最简单的方法创建一个应用:yarncreatevite,然后选择react框架。vite默认配置是使用了defineConfig工具函数:import{defineConfig}from'vite'exportdefaultdefineConfig({//...})不管是js还是ts,都可以直接使用defineConfig工具函数,如果需要基于dev、serve或者build命令来选择不同选项,那就选择导出一个函数,比如:exportdefaultdefineConfig(({command

javascript - 如何为 Electron 应用程序提供 Django

我正在尝试创建一个Electron具有Django的桌面应用程序应用程序在其后端。有几个教程和博客提到了如何实现这一点。我已经尝试过这些并且它似乎有效,但是存在一些问题。对我来说,其中一个问题是在这种情况下如何为Django提供服务器?对我来说,目前的做法会造成一些不必要的延迟,使应用程序启动缓慢......通常,创建Django/Electron应用程序需要做的是将Django应用程序打包(我正在使用pyInstaller)到一个独立的可执行文件中,然后将其捆绑到一个Electron应用程序中。问题是在使用pyInstaller打包Django之前,应该使用哪个服务器来为Django

vue3+vite2动态绑定图片优雅解决方案

优雅解决方案在最下面,小伙伴们儿可以直接前往😊背景在vue3+vite2项目中,我们有时候想要动态绑定资源,比如像下面的代码这样: import{ref}from'vue';//静态图片资源constimg_src=ref('./1.jpg');实际效果是这样:原因分析我们注意到,控制台的报错信息GEThttp://127.0.0.1:5173/1.jpg404(NotFound)GET:表示向服务器请求资源的方式。http://127.0.0.1:5173:表示主机为项目开启的服务器地址以及端口号http://127.0.0.1:5173/1.jpg:表示存放在服务器中的图片资源地址。404

uniapp (vite +vue3+ts+pinia) 搭配微信小程序云开发项目架构搭建-避坑指南

前言最近开始了项目旧改,将以前开发的一些校园小程序由uniapp+vue2版本升级为,unipp+vite+ts+vue3的架构,顺便把代码质量提升一下。由于是单兵作战,我选择将以前的后端摒弃,选择了微信小程序云开发作为后端,这样可以将我的开发精力聚焦在小程序上。但这么做也有如下两个缺点:使用了微信小程序云开发后,uniapp只适用于编译成微信小程序,失去了跨端的能力。uniapp使用云开发并不方便,尤其是使用了typescript后需要做大量的额外配置。综合考虑之下我还是使用了微信小程序云开发,因为本身我做的就是微信小程序,只不过以uniapp为框架进行开发,而第二点的话我也找到了解决的方法

【腾讯云Cloud Studio实战训练营】用Vue+Vite快速构建完成交互式3D小故事

👀前置了解:(官网https://cloudstudio.net/)什么是CloudStudio?CloudStudio是基于浏览器的集成式开发环境(IDE),为开发者提供了一个永不间断的云端工作站。用户在使用CloudStudio时无需安装,随时随地打开浏览器就能在线编程。为什么要使用CloudStudio?CloudStudio作为在线IDE,包含代码高亮、自动补全、Git集成、终端等IDE的基础功能,同时支持实时调试、插件扩展等,可以帮助开发者快速完成各种应用的开发、编译与部署工作。CloudStudio的应用场景有哪些?快速启动项目(直接创建对应类型的工作空间,快速启动项目进入开发状态

记录--webpack和vite原理

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言每次用vite创建项目秒建好,前几天用vue-cli创建了一个项目,足足等了我一分钟,那为什么用vite比webpack要快呢,这篇文章带你梳理清楚它们的原理及不同之处!文章有一点长,看完绝对有收获!正文一、webpack基本使用webpack的出现主要是解决浏览器里的javascript没有一个很好的方式去引入其它的文件这个问题的。话说肯定有小伙伴不记得webpack打包是咋使用的(清楚的话可以跳过这一小节),那么我以一个小demo来实现一下:1.搭建基本目录结构我们在vue项目中初始化后全局安装webpack和webpack-

vue3+vite:本地代理,配置proxy

一、项目:uniapp+vue3+vite+ts二、配置文件在vite.config.tsproxy:{'/snow':{//匹配请求路径,localhost:3000/snowtarget:'https://www.snow.com/',//代理的目标地址changeOrigin:true,//开发模式,默认的origin是真实的origin:localhost:3000代理服务会把origin修改为目标地址//secure:true,//是否https接口//ws:true,//是否代理websockets//rewritetarget目标地址+'/abc',如果接口是这样的,那么不用重写