嘉峪关网站建设,设计人才网官网,有没有网址呀,金融网站设计方向一 开发环境系统#xff1a;windows开发工具#xff1a; git , vscode#xff0c;termial环境依赖#xff1a; node, npm 二 步骤2.1 通过vite 创建vue项目通过 终端执行命令#xff0c;选择 模板 vuenpm init vite cd 项目目录
npm install
npm run dev2.2 集成 electro…一 开发环境系统windows开发工具 git , vscodetermial 环境依赖 node, npm 二 步骤2.1 通过vite 创建vue项目 通过 终端执行命令选择 模板 vuenpm init vite cd 项目目录
npm install
npm run dev2.2 集成 electron安装electron依赖 npm install electron --save-dev 若安装出现 RequestError: self-signed certificate in certificate chain 错误可使用 下面命令需要在git_bash或者支持linux命令终端中执行NODE_TLS_REJECT_UNAUTHORIZED0 npm install electron --save-dev安装 vite-plugin-electron,这个需要安装再 devDependencies中 使用说明 https://github.com/electron-vite/vite-plugin-electronnpm i vite-plugin-electron -D项目根目录下创建electron 文件夹用于存放electron相关的代码修改 vite.config.js,支持 electron# 新增部分
import electron from vite-plugin-electronimport { defineConfig } from vite
import vue from vitejs/plugin-vueimport electron from vite-plugin-electron
// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),electron([{entry:electron/main/index.ts,vite:{build: {outDir: dist/electron/main}}}],)],
})
修改package.json去除 type: module, 新增 main:dist/electron/main/index.js,通过 npm run dev 即可预览三 验证接下来看 electron 和vue怎么通信
