草庐IT

electron-vite

全部标签

使用Vite快速构建Vue3+ts+pinia脚手架

一、前言vue3的快速更新,很多IT发展快的地区在22开始都已经提上日程,小编所在的青岛好像最近才有点风波。vue3的人才在青岛还是比较稀缺的哈,纯属小编自己的看法,可能小编是个井底之蛙!!vue2+webpack的时代要过去了,主要是启动时间太慢了。所以还是比较推荐使用Vite进行构建,vue3官方也是推荐的!!速度快,基本上是秒启动级别的!带的例子还是vue3最新的组合式语法糖setup。二、vite介绍和搭建1.介绍Vite官网Vite是一个轻量级的、速度极快的构建工具,对VueSFC提供第一优先级支持。作者是尤雨溪,同时也是Vue的作者!Vite3需要Node.js版本14.18+,1

使用Vite快速构建Vue3+ts+pinia脚手架

一、前言vue3的快速更新,很多IT发展快的地区在22开始都已经提上日程,小编所在的青岛好像最近才有点风波。vue3的人才在青岛还是比较稀缺的哈,纯属小编自己的看法,可能小编是个井底之蛙!!vue2+webpack的时代要过去了,主要是启动时间太慢了。所以还是比较推荐使用Vite进行构建,vue3官方也是推荐的!!速度快,基本上是秒启动级别的!带的例子还是vue3最新的组合式语法糖setup。二、vite介绍和搭建1.介绍Vite官网Vite是一个轻量级的、速度极快的构建工具,对VueSFC提供第一优先级支持。作者是尤雨溪,同时也是Vue的作者!Vite3需要Node.js版本14.18+,1

Python + Vue Electron 构建桌面应用

前言通过Electron技术+python构建桌面应用实际上非常麻烦,需要使用python构成后端并打包,然后使用Vue作为前端,还要用Electron打包。但是好处就是可以同时得到来自前端UI框架的高颜值支持以及python海量轮子的快速实现(以及较为完善的多端部署功能),项目可以快速扩展成全平台应用。所以我在这个博客里记录了Python+VueElectron构建桌面应用的方法。(其实单纯使用node.js进行开发可能会更快,毕竟不用写后端api,但是python的社区有很多超级方便的库,可以节约大量的时间,比较起来还是写api来得节省时间)Step1.新建Vue项目vuecreatevu

Python + Vue Electron 构建桌面应用

前言通过Electron技术+python构建桌面应用实际上非常麻烦,需要使用python构成后端并打包,然后使用Vue作为前端,还要用Electron打包。但是好处就是可以同时得到来自前端UI框架的高颜值支持以及python海量轮子的快速实现(以及较为完善的多端部署功能),项目可以快速扩展成全平台应用。所以我在这个博客里记录了Python+VueElectron构建桌面应用的方法。(其实单纯使用node.js进行开发可能会更快,毕竟不用写后端api,但是python的社区有很多超级方便的库,可以节约大量的时间,比较起来还是写api来得节省时间)Step1.新建Vue项目vuecreatevu

【uniapp&微信小程序】vue3+ts+vite+pinia+eslint+prettier+husky项目搭建

前言        【uniapp微信小程序系列】将持续更新分享使用uniapp开发小程序的干货文章。本篇文章是从0搭建uniapp项目,如果是个人项目或者公司无代码规范等,可以参考本篇vue3+ts+vite+pinia搭建项目,如果有规范要求,或者想接入规范,那么本篇文章将从0搭建vue3+ts+vite+pinia项目,并接入代码规范eslint+prettier,及代码提交钩子husky配置。一.创建项目    uniapp官网提供了多个版本下载方式,这里我们选择Vue3/Vite版,创建以typescript开发的工程:npxdegitdcloudio/uni-preset-vue#

【uniapp&微信小程序】vue3+ts+vite+pinia+eslint+prettier+husky项目搭建

前言        【uniapp微信小程序系列】将持续更新分享使用uniapp开发小程序的干货文章。本篇文章是从0搭建uniapp项目,如果是个人项目或者公司无代码规范等,可以参考本篇vue3+ts+vite+pinia搭建项目,如果有规范要求,或者想接入规范,那么本篇文章将从0搭建vue3+ts+vite+pinia项目,并接入代码规范eslint+prettier,及代码提交钩子husky配置。一.创建项目    uniapp官网提供了多个版本下载方式,这里我们选择Vue3/Vite版,创建以typescript开发的工程:npxdegitdcloudio/uni-preset-vue#

Vue3动态路由(Vite+Vue3+TS+Mock)

一、动态路由简介Vue通过路由进行页面管理,不同的路由绑定到不同的页面。一般来说,前端直接写好的路由为静态路由,在不修改代码的情况下,路由表是不会改变的。对于不需要动态改变路由表的网站,静态路由就已经足够了,但是当页面需要与权限进行绑定时,不同用户允许浏览的页面是不一样的,在这种情况下,静态路由就难以满足需求了。动态路由就是由后端根据场景生成的合适路由数据,前端获取此数据并进行解析,最后与固定不变的静态路由组合而成的路由。本文将基于Vite+Vue3+TypeScript构建的Vue项目与mock模拟的后端接口,简单介绍Vue的动态路由配置。此项目代码已上传至GitHub,链接如下:https

Vue3动态路由(Vite+Vue3+TS+Mock)

一、动态路由简介Vue通过路由进行页面管理,不同的路由绑定到不同的页面。一般来说,前端直接写好的路由为静态路由,在不修改代码的情况下,路由表是不会改变的。对于不需要动态改变路由表的网站,静态路由就已经足够了,但是当页面需要与权限进行绑定时,不同用户允许浏览的页面是不一样的,在这种情况下,静态路由就难以满足需求了。动态路由就是由后端根据场景生成的合适路由数据,前端获取此数据并进行解析,最后与固定不变的静态路由组合而成的路由。本文将基于Vite+Vue3+TypeScript构建的Vue项目与mock模拟的后端接口,简单介绍Vue的动态路由配置。此项目代码已上传至GitHub,链接如下:https

Electron主进程渲染进程间通信的四种方式

在electron中进程使用ipcMain和ipcRenderer模块,通过开发人员定义的“通道”传递消息来进行通信。新的版本中electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时,上下文隔离方式使用起来更加方便,基本上感受不到electron对前端框架的影响。一、Electron进程通信上下文隔离的进程间通信方式有四种:1.渲染器进程到主进程(单向)要将单向IPC消息从渲染器进程发送到主进程,您可以使用ipcRen

Electron主进程渲染进程间通信的四种方式

在electron中进程使用ipcMain和ipcRenderer模块,通过开发人员定义的“通道”传递消息来进行通信。新的版本中electron推荐使用上下文隔离渲染器进程进行通信,这种方式的好处是无需在渲染进程中直接使用ipcRenderer发送消息,这种在渲染进程中调用nodejs对象的方法对于渲染进程有侵入性。当我们使用vue或者其他前端框架开发界面时,上下文隔离方式使用起来更加方便,基本上感受不到electron对前端框架的影响。一、Electron进程通信上下文隔离的进程间通信方式有四种:1.渲染器进程到主进程(单向)要将单向IPC消息从渲染器进程发送到主进程,您可以使用ipcRen