草庐IT

electron-vite

全部标签

在项目中将图片上传到SM.MS报错 [vite] http proxy error

语言及配置:vue、vantui、vite报错信息[vite]httpproxyerror:Error:readECONNRESETatTLSWrap.onStreamRead(node:internal/stream_base_commons:217:20)或者[vite]httpproxyerror:Error:connectETIMEDOUT2606:4700:3037::6815:532d:443atTCPConnectWrap.afterConnect[asoncomplete](node:net:1494:16)解决办法官方文档:SM.MSv2APIDocs。在官方文档中指定上传的

微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用

一、了解qiankun.jsqiankun-qiankun1.1、简单,任意js框架均可使用。微应用接入像使用接入一个iframe系统一样简单,但实际不是iframe。1.2、完备,几乎包含所有构建微前端系统时所需要的基本能力,如样式隔离、js沙箱、预加载等。解耦,与技术无关。1.3、生产可用,已在蚂蚁内外经受过足够大量的线上系统的考验及打磨,健壮性值得信赖。1.4、qiankun是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。1.5、qiankun孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台,目前qiankun已在蚂蚁内部

vite+vue3+ts项目构建详细步骤(配置多语言版本)

文章目录前言一、构建基础项目模板二、根据基础模版搭建优化项目结构(持续更新中)A、环境配置优化B、优化生产构建后console和debugger关闭C、优化文件引用路径D、优化项目全局文件类型声明配置(ts的泛型)E、配置css全局变量F、新建文件夹(不同功能内容分开放)G、引入axiosH、项目开发中难免遇到的跨域问题I、多语言配置K、状态管理引入(pinia、Vuex)J、按需引入资源K、优化构建三、项目结构再次优化总结前言时过境迁,我们见证了诸如webpack、Rollup和Parcel等工具的变迁,它们极大地改善了前端开发者的开发体验。然而,当我们开始构建越来越大型的应用时,需要处理的

用 Addon 增强 Node.js 和 Electron 应用的原生能力

前言Node.jsAddon是Node.js中为JavaScript环境提供C/C++交互能力的机制。其形态十分类似Java的JNI,都是通过提供一套C/C++SDK,用于在C/C++中创建函数方法、进行数据转换,以便JavaScript/Java等语言进行调用。这样编写的代码通常叫做Bindings。此外还有基于CABICallingConvention(例如stdcall/System-V等标准)直接进行跨语言调用的方案,例如RustFFI、Python的ctypes、Node.js的ffi包等。这两者的差别在于Rust等原生语言是直接针对平台来将函数调用编译为机器码,而ctypes和ff

Electron-React18-MacOS桌面管理系统|electron27+react仿mac桌面

基于React18+Electron27+ArcoDesign仿macOS桌面端系统框架ElectronMacOS。electron-react-macOs基于electron27.x+vite4+react18+arcoDesign+zustand等技术构建桌面版仿MacOs框架系统解决方案。支持中英文/繁体、dark+light主题、桌面多层级路由、多窗口路由页面、动态换肤、Dock悬浮菜单等功能。ElectronReactOS系统是首创自研的桌面多层级路由菜单、支持electron多开窗口+弹窗路由窗口。技术栈开发工具:vscode框架技术:vite4+react18+zustand+r

[plugin:vite:import-analysis] Failed to resolve import “@/views/Login.vue“ from “src\router\index.ts

解决:安装path模块 npminstall--save-dev@types/node vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{'@':path.resolve(__dirname,'src')}}}) Nomatchingexportin"src/router/inde

手撸 Electron 自动更新,再繁琐也要搞懂它

大家好,我是杨成功。Electron的自动更新不会像ReactNative一样直接下载Web代码静默更新,因为它还有主进程(Node.js)代码,因此需要走安装流程。在Electron中,使用第三方包 electron-updater 来实现自动更新的功能。为什么不用autoUpdater?如果细看Electron文档,会发现官方提供了一个 autoUpdater 功能来实现自动更新,如图:相比autoUpdater,第三方包 electron-updater 有以下优势:不需要搭建专门的更新服务(如Hazel、Nuts等)。同时支持macOS和Windows签名。支持获取下载进度,等等。最主

使用npx electron-forge import命令时报错Could not find git in environment的解决方法

准备使用ElectronForge​打包项目文件时(打包您的应用程序|Electron)可能会遇到以下错误: 解决方法:在git的官网(GitforWindows)上下载安装git,然后在gitbash的窗体中运行命令即可。(git的官网) git下载安装完成后会自动启动gitbash,在其中输入并执行命令npxelectron-forgeimport即可。 

vite + vue3 的项目中使用 vitest 做单元测试(仅供参考)

一、配置文件//vitest.config.tsimport{fileURLToPath}from'node:url'import{mergeConfig,defineConfig}from'vite'import{configDefaults}from'vitest/config'//importviteConfigfrom'./vite.config'importvuefrom'@vitejs/plugin-vue'importvueJsxfrom'@vitejs/plugin-vue-jsx'exportdefaultmergeConfig(defineConfig({//安装了tsx插

vite vue3配置eslint和prettier以及sass

准备教程安装eslint官网vue-eslintts-eslint安装eslintyarnaddeslint-D生成配置文件npxeslint--init安装其他插件yarnadd-Deslint-plugin-importeslint-plugin-vueeslint-plugin-nodeeslint-plugin-prettiereslint-config-prettiereslint-plugin-node@babel/eslint-parservue-eslint-parser修改.eslintrc.cjsmodule.exports={env:{browser:true,es202