结合React+TypeScript进行Electron开发 1. electron基本简介 electron是使用JavaScript,HTML和CSS构建跨平台的桌面应用程序。我们可以使用一套代码打包成Mac、Windows和Linux的应用,electron比你想象的更简单,如果把你可以建
cd vite-project && npm install 可选添加sass支持using npm i --save-dev sass,vite会自动检测 现在我们有一个功能性的 React 项目, 您可以使用它进行测试npm run dev 添加Electron.js 第一次运行npm i --save-dev electron vite-e...
React 原本是用 JavaScript 开发的,所以在 TypeScript 中使用时,经常会有一些类型问题。在 TypeScript 下由于类型检查的原因,会导致一些参数的使用产生编译错误,其中 props 和 state 是非常典型的两个结构,当需要在 Component 传递参数以及涉及到 Component 刷新时,这个问题不可避免。解决方法可以参考react使用typeScrip...
React 新文档上线 Modern.js v2 发布 TypeScript 5.0 Vite v4.2.0 Electron 的十年 Astro 发布 Houston AI proto Deno Frameworks React Forget 的局限 Webpack 5 的任意代码漏洞 大家好,我是童欧巴。欢迎来到前端食堂技术周刊,我们先来看下上周的技术资讯。 技术资讯 1. React 新文档上线 在Hooks 发布 5 年...
react和react-dom是 React 的核心库。 typescript是 TypeScript 的核心库。 @types/react和@types/react-dom是 React 的 TypeScript 类型定义。 electron是我们用于创建桌面应用的库。 2. 设置 TypeScript 配置 在根目录下创建一个tsconfig.json文件,为 TypeScript 项目进行配置: ...
Free template to create an Electron project with Vite, TypeScript and React - Celtic-Bytes/Electron-Vite-TypeScript-React-Template
Electron + Vite + React + TypeScript Template A template for using electron quickly. Please understand that the code and explanation are mainly written in Korean. 🥲 ⚠️이 템플릿은 더 이상 유지보수를 진행하지 않습니다. ...
Electron.js 是一个使用 JavaScript, HTML 和 CSS 构建跨平台桌面应用程序的框架。结合 TypeScript 和 React 可以创建出强大且易于维护的应用程序。以下是如...
快速启动一个Electron + TypeScritp + React的脚手架, 并且提供了React-Router/ React-Redux/ connected-react-router,使用electron-builder打包发布一个桌面应用。目录结构-app -main electron相关文件 main-process -renderer 页面相关 render-process -assets 静态资源(放打包用的icon或者electron tray使用的icon) -...
业务代码全程使用Typescript编写 工程化相关代码使用Nodejs、JavaScript编写 区分前端代码和主进程代码分开编译和引用 内置vscode 编辑器的项目配置 sort-imports vscode 插件提供自动对 import 排序 antd组件库 主题配置 基于React.lazy 和 React.Suspense 实现前端路由懒加载 ...