目录前言使用yarn新建vite项目1.打开命令行工具2.执行`yarncreatevite`3.指定项目名**banxia-blog-frontend**4.选择框架**Vue**,通过上下箭头选择，**使用空格确定**。5.选择**javascript**,空格确定6.项目创建完成7.使用vscode打开项目，并新建终端8.执行`yarn`,安装依赖9.执行`yarndev`,启动项目项目结构分析单页面应用index.htmlmain.js安装ElementPlus使用包管理器完整引入type="module"的作用🧨🧨🧨大家好，我是搞前端的半夏🧑，一个热爱写文的前端工程师💻.如果喜欢我的
一、ElectronElectron是一个基于Web技术的跨平台桌面应用程序开发框架。它使用HTML、CSS和JavaScript来构建应用程序界面，并借助Chromium渲染引擎提供强大的页面渲染能力。Electron的主要特点包括：跨平台：Electron可以在Windows、macOS和Linux等多个主流操作系统上运行，为开发者提供了广泛的目标平台选择。Web技术栈：Electron使用Web技术栈进行开发，开发者可以利用熟悉的前端工具和框架来构建应用程序界面。大量的开发者社区和资源：由于Electron的流行和活跃的社区，开发者可以轻松获得丰富的插件、工具和文档资源。适用场景：Ele
代码说明在preload.js代码中，暴露参数给渲染线程renderer.js访问， renderer.js 报：ERROR:ssl_client_socket_impl.cc(978)] failed;returned-1,SSLerrorcode1,错误问题原因如题所说，跨进程传递消息，这意味着访问将尝试建立一个不安全的连接，而ssl证书验证失败，无法建立连接。所以我们要做的是：如何让electron允许建立不安全的连接解决方法在建立连接之前，先设置忽略认证异常，即修改代码如下：
使用angular和electron构建桌面应用初始设置新建一个angularappnpminstall-g@angular/clingnewangular-electroncdangular-electron修改src/index.html文件内容将绝对路径改为相对路径，加个点，使electron可以访问到angular文件资源basehref="./">
大家好，我是前端西瓜哥。诶哟喂，SVG怎么没内嵌？最近啊，西瓜哥我用vite去给一个项目构建（vitebuild）一个应用。打包结果是一个html和一些加了哈希的资源。然后打包出来的文件一看，发现居然有好几个1Kb以下的SVG 文件。我搜了下源码，这些SVG是这样被使用的：不对呀，理论上小于4Kb的静态资源，是会转成base64编码字符串，嵌入到其他资源中。较小的资源体积小于assetsInlineLimit选项值则会被内联为base64dataURL。build.assetsInlineLimit默认值为4096(4kb)。我发现使用库模式（打包成 index.es.js，使用该模式需要设置
Vue3vitebuild之后不显示页面内容，只显示空白，也没有报错如何解决我的项目在build之后就插入到我的主网站的/tools/image路径下使用的，并非主网站，所以需要配置两个地方：1.修改vite.config.js添加base，意思是build之后的外部资源都从当前目录的相对路径获取。比如main.js不是/main.js而是./main.jsexportdefaultdefineConfig({base:'./',})2.需要修改router.js中的history选项我不知道是什么原理哈，反正是管用，之前在没有使用vite的时候也是在router中关闭这个选项的，所以差不多的
项目场景：vue3+ts+vite项目打包问题描述errorduringbuild:RollupError:"default"isnotexportedby"node_modules/vue/dist/vue.runtime.esm-bundler.js",importedby"node_modules/@kangc/v-md-editor/lib/codemirror-editor.js".aterror(file:///D:...原因分析：vite不支持commonjs语法，需要使用@rollup/plugin-commonjs插件，用于将CommonJS模块转换为ES6模块的Rollup
背景：最近公司新起的项目，由于工期、资源等原因，采用ruoyi框架快速实现开发，由于需要构建客户端，所以借助electron来实现。electron是使用javascripthtmlcss来构建跨平台的桌面应用程序。官网地址：简介|Electron查了很多资料，好像后台管理做成客户端的很少很少，主要参考这篇文章：ruoyi-vue|electron打包教程（超详细）_ruoyi打包_七维大脑的博客-CSDN博客加上自己的实践，在这里记录一下过程以及踩过的坑。一、基础环境说明node：16.14.2&&20.3.1推荐nvm来管理切换ruoyi-ui:3.8.3java：20mysql：8.0经
目录在使用vite工具开发Vue.js3.0项目时，由于配置问题，导致了项目运行报错，错误提示如下：解决步骤，如下：1、首先安装依赖插件2、接着配置vite项目配置文件：vite.config.js3、重新运行在使用vite工具开发Vue.js3.0项目时，由于配置问题，导致了项目运行报错，错误提示如下：16:17:27[vite]pagereloadmain.jsFailedtoparsesourceforimportanalysisbecausethecontentcontainsinvalidJSsyntax.Install@vitejs/plugin-vuetohandle.vuefi
背景上篇文章已经介绍了使用electronforge+vite+vue3来实现一个桌面应用程序的框架。本文重点介绍完善一个这样的框架的几个通用的需求点及实现方式。需求实现客户端在线升级实现与本地操作系统的交互实现配置信息持久化国际化配置实现跨域访问实现客户端在线升级update.jsconst{app,dialog,autoUpdater}=require('electron');constlog=require("electron-log")autoUpdater.logger=logautoUpdater.logger.transports.file.level="info"constse
