新建系统变量 : 在path内新建'%VUE_CLI3'%'。 创建v3 + ts 项目 进入项目文件夹根目录 vue3createelectron-vue3-ts 选择Manually select features: 选择3.x: 最终配置如下: 执行成功: 之后可以根据提示运行,验证安装 cd.\electron-vue3-ts\npm run serve 命令行效果: 浏览器效果: vue3集成Electron 安装集...
npm install-D vite-plugin-electron 4.在vite.config.ts中配置vite-plugin-electron插件入口 import { defineConfig } from 'vite'import vue from'@vitejs/plugin-vue'import electron from'vite-plugin-electron'//https://vitejs.dev/config/exportdefaultdefineConfig({ plugins: [ vue(), electron({//主...
自动生成的Vue3+ts项目只初始化了src目录下的文件监听,所以我们需要修改一下tsconfig.json配置文件。 在include属性里新增关于electron文件监听的配置项。 代码如下: "include": [ "src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "electron-main/**/*.ts", "electron-prel...
前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在 github 上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放 github的地址, 大家如果想学习v…
本文包括vue3的基础环境搭建和electron配置,全TS。全部技术栈为:vue3+ts+antdv+vite+electron。 由于electron配置相对简单,我们先配置好vue再配置electron。 vue3环境搭建 由于我们使用vite,直接执行npm init vite ${项目文件夹} -- --template vue即可,会自动生成模板项目,然后进去执行npm install。可以看到,这个模...
诈尸更新系列,为了跟上脚步,尝试了vue3,在学习vue3的时候顺便学习一手electron和ts,本教程将分别发布,源码会在最后的文章发布。因为还在开发中,目前也是为了防止有些遇到坑不会及时忘掉,所以先整理一部分出来 将分2部分发出教程,因为配置的东西个人感觉有点多并且跟开发内容相关的东西并不是很多,因此单独发出,见谅,...
│ │ ├── editor.vue │ │ ├── header.vue │ │ ├── input.vue │ │ ├── messageBox.vue │ │ ├──switch.vue │ │ └── tick.vue │ ├── config │ │ ├── browser.options.ts │ │ ├── classNames.options.ts ...
应用框架:Electron11.2.1、Nodejs12.18.3、Chrome87.0.4280.141 应用打包:ElectronBuilder 核心:TypeScript、Vue3.0 视图:Ant Design of Vue 2.0 功能 项目模板 项目模板提供了一些常用技术栈的基础项目框架,这些框架一般具有较高的成熟度,包含项目所需的一些功能,目的是让开发者在新建项目的时候不用从零开始,可以更快...
2、创建组件里面index.vue(svgicon的模板文件) 》》SvgIcon.vue <template><svg:class="svgClass"v-bind="$attrs":style="{ color: color }"><use:xlink:href="iconName"/></svg></template>import{computed,defineProps}from'vue'constprops=defineProps({name:{type:String,required:true},color:{type...
## 其实这个我得点名一下网络上所有的构建方法# 网上几乎所有的方法都是使用 vue3 + electron 方法构建项目# 总体来说前期配置几乎完全一样# 网络上流传的分三种# 1、手动替换 electron-vue 的 js 为 ts(方法复杂,不支持vue3)# 2、vue + electron,使用包管理器安装 electron-builder(打包后白屏)# 3、vue...