2 创建文件夹 在src目录下创建locales目录。 index.ts // src\locales\index.tsimport{createI18n}from'vue-i18n';importzhfrom'./package/zh.json';importenfrom'./package/en.json';// 创建 i18nconsti18n=createI18n({legacy:false,// 解决Not available in legacy mode报错globalInjection:true,// 全局模...
vite-plugin-commonjs-externals使用示例 由于我在项目中使用此方法未生效。 所以才有方案 二: 在electron的preload中将fs注入 electron入口文件 preload.js 使用ts开发时,需要在全局声明fs,我这里暂时声明未any类型,日后有时间再补充具体的类型。 shims.d.ts 然后就可以在vite中不需要导入就可以使用fs模块了。 当然...
npm install -D electron electron-builder electron-devtools-installer vite-plugin-electron vite-plugin-electron-renderer rimraf 新建electron-main/index.ts文件 import { app, BrowserWindow } from "electron"; import* as path from "path";//本地启动的vue项目路径const localAddress = "http://localhost:5...
打包electron项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示链接先下载对应的包,再手动放到对应的目录即可,以下是各平台对应的目录: Linux: $XDG_CACHE_HOME or ~/.cache/electron/MacOS:~/Library/Caches/electron/Windows:%LOCALAPPDATA%...
针对于我们当前的 Electron+Vue3+TS 项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
针对于我们当前的Electron+Vue3+TS项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
https://github.com/promiseHusky/react-ts-vite-electron vite搭建项目 npm init vite@latest my-electron 选择react-ts 安装依赖包 代码语言:txt AI代码解释 npm i concurrently electron cross-env -D 创建main.js 代码语言:javascript 代码运行次数:0 运行 AI代码解释 const { app, BrowserWindow } = require...
https://github.com/promiseHusky/react-ts-vite-electron vite搭建项目 npm init vite@latest my-electron 选择react-ts 安装依赖包 代码语言:txt AI代码解释 npm i concurrently electron cross-env -D 创建main.js 代码语言:javascript 代码运行次数:0 运行 AI代码解释 const { app, BrowserWindow } = require...
我们都知道Electron项目分为了主进程和渲染进程,主进程其实就是我们的Electron,渲染进程就相当于我们的Vue项目。 3.1 新建主进程 为了方便修改代码和查看,我们在项目根目录新建主进程文件夹electron-main,然后在其目录下新建index.ts文件,编写主进程代码。 代码如下: // electron-main/index.ts import { app, Browser...
由于我在项目中使用此方法未生效。 所以才有方案 二: 在electron的preload中将fs注入 electron入口文件 preload.js 使用ts开发时,需要在全局声明fs,我这里暂时声明未any类型,日后有时间再补充具体的类型。 shims.d.ts 然后就可以在vite中不需要导入就可以使用fs模块了。