ELECTRON 学习三

今天做一个雪花飘落

第一步:npm init

第二步:安装electron

npm config set registry http://registry.npm.taobao.org/

cnpm install electron -g(注意安装版本)

"devDependencies": {
    "electron": "^6.1.4",
	 "electron-packager": "13.0.1"
  }

第三步:新建main.js

mainWindow = new BrowserWindow({
        title: ‘hello Electron‘,
        width: 800,
        height: 500,
        frame: false,
        transparent: true
    });
mainWindow.loadURL(‘file://‘ + __dirname + ‘/src//index.html‘);  

第四步:新建index.html

雪花参考作品:http://www.jq22.com/code2752

第五步:运行

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "electron .",
    "pack": "electron-packager . Electron_Snow --win --out ../Electron_Snow --arch=x64 --app-version=0.0.1 --electron-version=6.1.4"
  },

cnpm run start

ELECTRON 学习三

 

相关推荐