Elegance C#
0%

create electron develop environment

Posted on Edited on

install node.js
install python 2.x

1
npm config set msvs_version 2015 --global

It must avoid each installation, for example:

1
npm install [package name] --msvs_version=2015

install electron-prebuilt

1
npm install electron-prebuilt --save

our application file system：

1
2
3
4
5
6
7
your-app/
	├── package.json
	├── app.js
	├── webpack.config.js
	└── app/
    	├── main.html
        └── main.jsx

run sample

1
./node_modules/.bin/electron .

you can pack your application

1
npm i electron-packager

modify package.json file

1
2
3
4
"scripts": {
    "start": "electron .",
    "build": "electron-packager . MyFirstApp --ignore=node_modules/electron-* --platform=win32 --arch=x64 --version=0.32.3"
}

and run

npm run build

and use asar

npm i asar

modify package.json file

1
2
3
4
5
"scripts": {
    "start": "electron .",
    "build": "electron-packager . MyFirstApp --ignore=node_modules/electron-* --platform=win32 --arch=x64 --version=0.32.3",
    "package": "asar pack MyFirstApp-win32-x64/resources/app MyFirstApp-win32-x64/resources/app.asar && rm -rf MyFirstApp-win32-x64/resources/app"
}

run package

npm run package

install webpack

1
2
npm install webpack --save
npm insall webpack-target-electron-renderer --save