先安装react - 18 npm install -g create-react-app npm install -g react-dom 修改package.json配置文件的scripts // 指定electron入口文件"main":"main.js","homepage":".","scripts":{"start":"react-scripts start","build":"react-scripts build","test":"react-scripts test","eject":"react-scri...
3) src下新建 index.js 文件 index.js为react项目入口文件 // src/index.jsimportReactfrom"react"import{ createRoot }from"react-dom/client";importAppfrom"./app";import'antd/dist/reset.css';import'./index.css'constrootElement =document.getElementById("root");constroot =createRoot(rootElement);...
本来想应用less模块化样式 不过默认create-react-app 不支持 需要自行修改一些配置 修改配置可百度查询 create-react-app less关键字 安装node-sass可能会有报错 根目录下添加.yarnrc文件配置镜像即可解决 create-react-app 中文文档 https://www.html.cn/create-react-app/docs/getting-started/ electron-builder打包...
补充 运行electron-start的时候 会路由不到首页究其原因好像是react的路由问题,修改路由配置为hash即可解决 <!--App.js--> import React from 'react'; import { Router, Route, NavLink } from 'react-router-dom'; import { createHashHistory } from 'history'; import './App.css'; import Home from ...
项目可以是antdPro的模板项目,也可以是通过umi创建的项目,创建过程不再赘述,可以参考官网创建 二、接入electron 首先根目录下创建app文件夹,用于管理electron文件 image.png 1.项目根目录下的配置 (1)安装electron依赖 yarnaddelectron-Dyarnaddconcurrently-Dyarnaddcross-env-Dyarnaddwait-on-D ...
创建react项目 引入electron 引入antd 引入electron-is-dev,用来判断当前是开发环境还是生产环境 在public目录下加入electron.js...
mkdirelectron-webpack-react-antd &&cdelectron-webpack-react-antd yarn init -y 二、安装electron 1.安装electron yarn add --dev electron 2.增加electron启动命令 {"scripts":{"start":"electron ."}} 3.创建electron入口文件 在根目录新建 index.js 文件 ...
Electron+React 快速搭建一个桌面应用 一、项目技术栈:Electron+react+react-router+antd ** 1、Electron:**electron是一个使用js,html和css等的web技术创建原生桌面应用的框架,他基于chromium和node.js,构建的应用可以在Mac,windows和Linux三个平台上运行。
electron-react-antd-antv-cli HerbertHe/EdeverClient 环境依赖 nodejs未安装可参考 yarn(项目依托yarn进行包管理) 关于electron的镜像,electron7.x之后需要设置单独的镜像,不然会安装报错;根据官方文档,中国地区镜像为:https://cdn.npm.taobao.org/dist/electron/ ...
Electron + Antd + Mobx 环境搭建 最近要重构一版桌面管理软件。业务需求与WEB版基本一致,但需要用到断点续传等本地功能。最经济的办法当然是移植到Electron环境中。 之前的应用框架主要用到了以下React套餐: React React-Router 路由 Mobx 数据管理 AntDesign 界面组件...