大型系列課程之-七夕告白之旅Electron篇

  上一篇分享了一下vbs的撩妹攻略,但細心的兄弟會發現,這種腳本式的攻城方案並不得心應手,有很多妹子害怕是病毒根本不敢點擊,而且這個腳本界面風格也不漂亮,不能輕易打動妹子的心,怎麼破,小編這次在爲各位老鐵奉上一篇既美觀又能讓妹子輕易動心的表白軟件製作攻略

  效果圖:

  

  Electron (http://electronjs.org/docs),通過前端技術製作桌面應用的跨段解決方案,相信很多前端的小夥伴一定聽過或者玩過吧,那麼接下來,我們就用這款框架來製作一個表白軟件。

  一、安裝node

    安裝地址:http://nodejs.cn/,一路確認就可以安裝成功了,手速,手速,注意手速

  二、通過node初始化一個程序

    打開cmd,創建一個空目錄並在目錄中執行 npm init

    

       三、添加electron依賴項

         執行 npm install  --save-dev electron

    

  四、修改package.json文件

    

 

   五、新建並編寫main.js文件

    

  六、編寫index.html

    

 

  七、編寫index.css

    

 

   八、編寫index.js

    

    九、運行程序

    

 

    運行效果

     

     上圖不上碼,菊花萬人捅

     源代碼地址:https://github.com/ColinScales/myGirl

            十、打包成可執行文件

    1、安裝打包工具electron-packager,執行命令npm install electron-packager

    

     2、檢查electron版本好

    打開package.json

    

 

     3、執行打包命令

    修改package.json文件

    

    npm run packager

    打包後的文件就在application中了,.exe的可執行文件哦

  十一、總結

    七夕將至,望各位單身程序汪早日追到喜歡的女生,當然了,不是程序狗的同志也不要灰心,小弟在下面奉上打包後的可執行文件地址,加油啊,兄弟們

     可執行文件地址: https://github.com/ColinScales/myGirl/tree/master/application/myGirl-win32-x64,運行 myGirl.exe

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章