前一溜时间有给大家分享一个 electron+vite跨端短视频 项目.这次分享的是vite2.x和electron实现跨平台后台框架,支持国际化多语言配置.导航菜单+树形菜单两种路由菜单模式.展开/收缩路由菜单等功能. vite2-electron-system 后台模板框架使用到的版本:vite2.1.51.vue3.0.5.electron12.0.4 vite2.x|vue3-i18n国际化多语言 项目支持如下图3种语言切换[中文/英文/繁体],使用Vue I18n国际化vue3版本.…
最近对前端开发很感兴趣,抽空研究了下前段的开发工具,发现比较流行的是sublime,atom,vscode等, 由于一直以来从事.net开发所以对vscode很感兴趣,在vscode的安装配置过程偶然发现巨头微软的vscode 是采用electron为基础开发的,瞬间被震住了,以前不关注前端,虽然知道微软的发布了一款轻量级的编辑器 却没觉得有多大用处,甚至觉得没有visual studio好用,了解前端开发之后猛然觉得这是一款高大上的前端ID E, 加上对史称最强大友好的visual studi…
1.安装node.js 2.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装全局electron npm install -g electron 4.创建package.json文件 npm init 5.若全局安装,则忽视.局部安装命令 npm install --save-dev electron 6.package.json内容 { "name": "testapp&qu…
[Electron]在 WSL2 中 打包 electron Linux 版本. 安装 WSL 我使用的是 Ubuntu 20.04.4 LTS 的版本. 安装 WSL 文档地址:https://docs.microsoft.com/zh-cn/windows/wsl/install. 如果你的系统是 Windows 11,内部版本是 22000 或更高,你也可以试试 还 GUI 的 WSL. https://docs.microsoft.com/zh-cn/windows/wsl/tutori…
我们再来看一下管理类的设计. Composition API,就是组合API的意思,那么是不是应该把js代码分离出来,做成独立的管理类的形式呢? 这样代码可以更整洁一些,主要是setup里面的代码就不会乱掉了. 管理类 import webSQLHelp from '../store/websql-help' import { blog, blogForm, blogList, articleList, discuss, discussList } from './blogModel' impo…
一.Electron简介Electron的应用,使得了JS不仅仅可以BS端项目,还可以做CS端项目. 另外今天之所以研究下Electron,还是因为公司的需要,业务场景是,通过Electron.js开发出的桌面应用让客户可以通过这个桌面应用管理设备和资产,同时也可以监控对应的设备状态等等.传统的exe对于我们而言,太繁重了,不是很适合. 当然了,负责这块的人不是我,我对此还是有点小兴趣,为此,还是在windows上安装了下,搭建了一个小环境,另外编写了入门程序HelloWorld. 正所谓,大道…
前言 不会 webpack,遇到报错就一头雾水,完全不知道怎么办,而且体积还大速度还慢. 所以尤雨溪做了 vite 后就很向往,只是知道自己水平有限还是等大佬先趟趟坑,等差不多了在跳. 现在vite2发布了,官网也有了,网上也能找到大佬写的相关资料,时机应该成熟可以往里跳了. 所以打算做个开源博客,一边做这个小项目,一边学习 vite2 和vue3,还有相关知识. 为啥选择博客呢?因为功能相对比较简单,不考虑皮肤等功能的话. 而且大家都比较熟悉,没写过博客总看过博文吧. 所以呢,业务需求方面一说…
提起帮助文档,想必大家都会想到 VuePress等,我也体验了一下,但是感觉和我的思路不太一样,我希望的是那种可以直接在线编辑文档,然后无需编译就可以直接发布的方式,另外可以在线写(修改)代码并且运行的效果. VuePress 是"静态网站生成器",需要我们自行编写文档,然后交给VuePress变成网站,VuePress 并没有提供编写环境,我知道有很多编写 Markdown 的方式,但是我还是喜欢编写.浏览合为"一体"的方式. 似乎没有,那么 -- 自己动手丰衣足…
npm run buildwin > study01@1.0.0 buildwin F:\Nodejs\electron\Test\study01> electron-builder --platform=win --arch=x64 • electron-builder version=20.28.4 • loaded configuration file=package.json ("build" field) • Specified application direc…
项目搭建好了之后是不是可以编码了呢? 等等不要着急,我们是不是应该先设计一下?比如博客的功能等? 博客设计 先做个简单的个人博客,因为是个人版,所以可以省略注册.登录这些功能,表结构也可以简单一点. 基础功能:添加博文.显示博文.博文列表+查询+分页.讨论列表和添加讨论. 虽然功能弱了一点,但是麻雀虽小五脏俱全,vite2 和 vue3 的基础用法也可以体现一些. 功能设计 是不是做成图更明显一些? 代码设计 model设计 model代码 先来看看 model 的代码. /src/model/…