嵌入Chromium和Node.js到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运...
安装vue3依赖: npminstallvue@next --save-dev 1. 安装typescript依赖: npminstalltypescript --save-dev 1. 4. 配置TypeScript TypeScript是一个强类型的JavaScript超集,我们需要为项目配置TypeScript。 首先,为项目添加一个tsconfig.json文件,用于配置TypeScript编译器的选项: {"compilerOptions":{"target":"es5...
@文心快码electron typescript vue3 文心快码 要在Electron项目中使用TypeScript和Vue 3,你可以按照以下步骤进行: 1. 创建一个基本的Electron项目 首先,你需要创建一个基本的Electron项目。你可以使用Electron的脚手架工具来快速生成项目结构。 bash mkdir my-electron-app cd my-electron-app npm init -y npm ...
然后安装 Electron 和 Vue 3: npminstallelectron --save-devnpminstallvue@next vue-router@next--savenpminstalltypescript --save-devnpminstallts-loader --save-dev 1. 2. 3. 4. 接下来,安装 Vue CLI: npminstall-g@vue/cli 1. 项目结构 创建以下项目目录结构: HelloWorldElectron/ ├── public/ ...
electron核心我们可以分成2个部分,主进程和渲染进程。主进程连接着操作系统和渲染进程,可以把她看做页面和计算机沟通的桥梁。渲染进程就是我们所熟悉前端环境了。只是载体改变了,从浏览器变成了window。传统的web环境我们是不能对用户的系统就行操作的。而electron相当于node环境,我们可以在项目里使用所有的node api 学习...
npm install vue-draggable-next //or yarn add vue-draggable-next 为什么是vue-draggable-next?主要是官方的 Vue.Draggable 在我们现有的项目上有兼容问题,所以选择了它。当然不影响效果使用。 使用 新建compontents/group/group-list.vue,主要用来写每个分组拖拽控件的。 <template> <draggable class="list-grou...
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。目前 Vue 已经成为继 Rect 之后最流行的前端开发框架。 我找到了一个插件:vite-plugin-electron,可以很方便的帮我们把 electron 和 vue 结合起来,开发起来非常方便。
npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始化一个基本项目后,我们需要在项目中安装一些关于electron的包。
vite-plugin-electron插件是将 vite 和 electron 结合在一起的,可以让我们非常方便的结合 electron 和 vue,需要做一些指定的配置。 初始化electron项目 新建目录文件electron-main/index.ts主进程目录和文件、electron-preload/index.ts预加载目录和文件 // electron-main/index.ts ...