electron 編寫桌面程序第一章

以前寫桌面的時候都是用 c#、c++；無疑是 ui 太醜，框架內空間樣式固定，自定義太繁瑣； 不過現在的這個 electron 是解決了這一問題，因爲它的 ui 是由 html 和 js、css 組成，這樣界面就可以花裏胡哨了。。； 使用### 步驟：
1：安裝 node；

檢驗：
`node -v  `  
`npm -v `    

2：全局安裝 electron npm install -g ``electron 如果安裝太慢可以切換淘寶的 cnpm;
1: 切換淘寶鏡像 npm configsetregistry https://registry.npm.taobao.org
2：安裝 cnpm npm install -g cnpm 全局安裝 electron cpm install -g ``electron
3: 下載 demo https://github.com/electron/electron-quick-start
4: 安裝依賴 在下載好的文件解壓好的文件夾下 地址欄輸入 cmd npm install
5：運行 electron .或者 npm start 或者 node run
6: 打包成 exe 運行文件 安裝打包工具，我是使用的 electron-packager，首先全局安裝一下： npm install electron-packager -g 有兩種打包方式 1）在 app 根目錄執行命令行 ectron-packager . 'HelloWorld' --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=0.0.1 2）首先編輯 package.json

"scripts": {
        "start": "electron .",
        "package": "electron-packager . 'nocat' --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=0.0.1"
    },

然後運行 npm run-script package