joey2217 / LearnElectron

LearnElectron

LearnElectron

install

ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ npm install -D electron

script

• create-react-app

"scripts": {
    "start": "cross-env BROWSER=none react-scripts start",
}

• config

craco config

yarn add @craco/craco

/* package.json */
"scripts": {
   "start": "craco start",
   "build": "craco build",
   "test": "craco test",
}

/* craco.config.js */
module.exports = {
  // ...
};

• app

yarn add -D concurrently wait-on

"scripts": {
    "start": "concurrently \"npm run start:render\" \"wait-on http://localhost:3000 && npm run start:main\" ",
}

boilerplates

electron-forge

yarn create electron-app my-app

electron-builder

• Vue CLI Plugin Electron Builder

vue add electron-builder # in your vue-cli4-app

React+Webpack

yarn create electron-app my-new-app --template=typescript-webpack