草庐IT

electron-vite

全部标签

javascript - Electron 架构 API 调用

你好Stackoverflow社区,我目前正在使用Electron研究跨平台应用程序。由于我是该主题的新手,因此存在一些不确定性:在“正常”的网络开发中,我会用Go(lang)编写一个API来处理JSON文件。是否可以将Electron设置为可以进行API调用的离线服务器?提前致谢。非常感谢您的帮助。 最佳答案 是的,这是可能的,这里有一个图书馆go-astilectron这证明了这种方法。您可以在文章中阅读更多信息HowtoaddaGUItoyourGolangappin5easysteps(poweredbyElectron).

vite vue3项目打包部署空白页面问题的处理

 问题:vitevue3项目打包部署上线后,发现是空白页面问题的处理解决方法:1.在我们vite.config.js文件中检查是否有路径的指向                            2.查看我们的路由模式,将路由模式修改为createWebHashHistory                                                          总结:vite的特点: 快速的冷启动,不需要等待打包即时的热模块更新真正的按需编译,不用等待整个项目编译完成.  

如何利用 Electron 快速开发一个桌面端应用

前言一直以来都有听说利用electron可以非常便捷的将网页应用快速打包生成为桌面级应用,并且可以利用electron提供的API调用原生桌面API一些高级功能,于是这次借着论证环信Web端SDK是否可以在electron生成的桌面端正常稳定使用,我决定把官方新推出的webim-vue3-demo,打包到桌面端,并记录一下这次验证的过程以及所遇到的问题以及解决方式。前置技能拥有良好的情绪自我管理,能够在遇到棘手问题时不一拳给到键盘。拥有较为熟练的水群能力,能够在遇到问题时,主动向技术群内参差不齐的群友们抛出自己的问题。【重要】拥有较为熟练的搜索引擎使用能力。能够看到这篇文章,那说明以上能力你已

vite搭建vue3项目本地环境自定义域名及端口配置

本blog讲述的是vite直接创建的vue3的项目的本地环境自定义域名配置。windows首先配置本地的一个域名代理指向。在windows环境下host文件的位置是C:\Windows\System32\drivers\etc我们需要打开目录下的hosts文件然后在其中找到127.0.0.1然后在后面追加一行127.0.0.1 localhost127.0.0.1 ericzhang528.com#将此域名指向127.0.0.1本地环境Mac在mac系统中我们需要打开终端然后输入sudovim/etc/hosts此时可能会需要你输入电脑密码然后同Windows一样添加域名指向不过不同的是

从0开始搭建一个vue3+vite+ts+pinia+element-plus的项目

前言:vue3+ts+vite大家已经都开始用了,最近也在学习,基本上是零基础开始ts的学习,很多语法知识是边写边查,没有系统的学习ts。此处展示从零开始,搭建的一个框架,方便拿来即用!1.初始化一个vite项目npmcreatevite@latest其中框架选择vue,语言选择typeScript2.启动项目npminstallnpmrundev项目启动成功以后如下所示:3.修改目录为了方便日常工作中的框架使用,在此处对刚初始化好的框架进行改造,在原有框架的基础上,添加store,router,layout,utils,views等文件夹,其中的作用将在后面进行说明。如图所示:4.配置rou

React使用Electron开发桌面端

React是一个流行的JavaScript库,用于构建Web应用程序。结合Electron框架,可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤:1.安装Electron首先,你需要安装Electron。在终端中运行以下命令:npminstallelectron--save-dev2.创建Electron应用程序使用Electron提供的CLI工具,你可以创建一个Electron应用程序。在终端中运行以下命令:npxelectron-forgeinitmy-app这将创建一个名为my-app的Electron应用程序,并生成一些默认

Unocss(原子化css) 使用(vue3 + vite + ts)

Unocss简单使用首先初始化一个vite项目使用pnpm安装pnpmcreateviteunocss-demo----templatevue-ts使用npm安装npminitvite@latestmy-vue-app----templatevue使用yarnyarncreatevitemy-vue-app--templatevue下载Unocss依赖安装unocss和三个预设,第一个是工具类预设,第二个是属性化模式支持,第三个是icon支持pnpmi-Dunocss@unocss/preset-uno@unocss/preset-attributify@unocss/preset-icons

vite打包优化vite-plugin-compression的使用

什么是gzip压缩当前端资源过大时,服务器请求资源会比较慢。前端可以将资源通过Gzip压缩使文件体积减少大概60%左右,压缩后的文件,通过后端简单处理,浏览器可以将其正常解析出来。如果浏览器的请求头中包含content-encoding:gzip,即证明浏览器支持该属性。gzip的使用前端压缩前端使用gzip压缩代码很容易,通过插件即可。vue-cli中使用compression-webpack-plugin插件。constcompressionWebpackPlugin=require("compression-webpack-plugin");module.exports={configu

Uni-app + Vue3 + TS +Vite 创建项目

一、npx与npm区别npm都很熟,可是与npm如此相似的npx是干嘛的呢?我们为甚要介绍npx?由于uni-app官方提供创建命令使用的是npx,所以我们先来了解下npx是干什么的?它与npm的区别。npx是npm的高级版本,它从npmv5.2版本开始引入的,与npm绑定在一起,无需额外安装,具有更大的功能。npx是npmexec的别名,如果没有时,可以手动:npminstall-gnpx进行安装。区别:npm只能通过package.json里定义然后执行命令,npx可以直接执行node_module包中的命令。npx可以指定node、命令的版本,解决不同项目使用不同版本的命令问题。临时安装

Uni-app + Vue3 + TS +Vite 创建项目

一、npx与npm区别npm都很熟,可是与npm如此相似的npx是干嘛的呢?我们为甚要介绍npx?由于uni-app官方提供创建命令使用的是npx,所以我们先来了解下npx是干什么的?它与npm的区别。npx是npm的高级版本,它从npmv5.2版本开始引入的,与npm绑定在一起,无需额外安装,具有更大的功能。npx是npmexec的别名,如果没有时,可以手动:npminstall-gnpx进行安装。区别:npm只能通过package.json里定义然后执行命令,npx可以直接执行node_module包中的命令。npx可以指定node、命令的版本,解决不同项目使用不同版本的命令问题。临时安装