类型安全:TypeScript 是一种静态类型语言,它在编译时检查类型错误,这有助于在开发过程中及早发现潜在的错误。 更好的工具支持:TypeScript 提供了丰富的工具链支持,包括智能代码补全、重构、导航和错误检测等,这些工具可以显著提高开发效率 易于维护:TypeScript 的类型系统和模块化特性使得代码更加易于理解和维护,特别是...
将.ts文件转换为.js文件所用的命令是tsc, 这条命令源自我们刚才安装的TypeScript编译器(npm install typescript -g). 例如在hello.ts文件所在的目录执行如下命令后: tsc hello.ts 一旦编译成功,就会在相同目录下生成hello.js和hello.js.map文件. 你也可以通过命令参数/修改配置文件来修改默认的输出名称和目录等....
AI检测代码解析 "scripts":{"start":"ts-node src/main.ts",// 启动应用"build":"electron-builder"// 打包应用},"build":{"appId":"com.example.electronapp",// 应用的唯一标识"files":["dist/**/*"// 打包所有 dist 目录下的文件],"directories":{"buildResources":"assets"// 资源路径}} 1....
使用electron-builder.yml 配置 如果打包命令带上 —config,就是使用 electron-builder.yml 的方式,例如 electron-builder --win --config 以下介绍都基于 electron-builder.yml 的方式,如需使用 package.json,请自行翻阅文档转换 详见:CLI NSIS安装引导 electron-builder 生成的安装包默认是一键安装,也就是无法选择安...
(方法复杂,不支持vue3)# 2、vue + electron,使用包管理器安装 electron-builder(打包后白屏)# 3、vue + electron,使用 vue add 安装 electron-builder 插件(打包后白屏)# 上述方法中的2、3可以归为一类(个人感觉 vue add 安装其实还是使用包管理器安装的)## 本项目的构建方式是第二种,但是为什么又能够使用...
yarn addvue-cli-plugin-electron-builder 2、在src目录下新建 background.ts,作为electron入口 import { app, protocol, BrowserWindow, ipcMain } from 'electron' import { createProtocol } from 'vue-cli-plugin-electron-builder/lib' import path from 'path' ...
electron ==> 客户端运行时 electron-builder ==> 客户端打包 主进程 - 本地服务服务端 Typescript node koa nedb ==> Node嵌入式数据库、本地持久化、加密 ... 渲染进程 - 窗口界面 Typescript React React-router Mobx axios antd dayjs ==> 日期处理工具、轻量级 ... ...
electron-builder:打包工具。 rimraf:快速删除文件或目录工具。 vite-plugin-electron:vite 结合 electron 的库,关于这个插件可以参见 Vite 与 Electron 无缝衔接。 electron-devtools-installer:electron 开发工具。 vite-plugin-electron 插件是将 vite 和 electron 结合在一起的,可以让我们非常方便的结合 electron 和 ...
{ "vue": "^3.2.25" }, "devDependencies": { "@vitejs/plugin-vue": "^2.3.1", "electron": "^18.2.0", "electron-builder": "^23.0.3", "electron-devtools-installer": "^3.2.0", "rimraf": "^3.0.2", "typescript": "^4.5.4", "vite": "^2.9.5", "vite-plugin-electron": ...
这里提一下 electron-builder 其和electron-forge 的介绍和区别。看下图所示: 两者最大的区别在于自由度,两者在能力上基本没什么差异了,从官方组织中的排序看,有意优先推荐 electron-forge 。4.3Web方案选型 我们采用的是 Vue3 ,同时使用 Vite 作为构建工具,具体优点,大家可以查看官网介绍,这套组合是目前主流的 ...