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

  上一篇分享了一下vbs的撩妹攻略,但细心的兄弟会发现,这种脚本式的攻城方案并不得心应手,有很多妹子害怕是病毒根本不敢点击,而且这个脚本界面风格也不漂亮,不能轻易打动妹子的心,怎么破,小编这次在为各位老铁奉上一篇既美观又能让妹子轻易动心的表白软件制作攻略

  效果图:

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

  Electron (http://electronjs.org/docs),通过前端技术制作桌面应用的跨段解决方案,相信很多前端的小伙伴一定听过或者玩过吧,那么接下来,我们就用这款框架来制作一个表白软件。

  一、安装node

    安装地址:http://nodejs.cn/,一路确认就可以安装成功了,手速,手速,注意手速

  二、通过node初始化一个程序

    打开cmd,创建一个空目录并在目录中执行 npm init

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

       三、添加electron依赖项

         执行 npm install  --save-dev electron

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

  四、修改package.json文件

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

 

   五、新建并编写main.js文件

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

  六、编写index.html

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

 

  七、编写index.css

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

 

   八、编写index.js

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

    九、运行程序

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

 

    运行效果

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

     上图不上码,菊花万人捅

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

            十、打包成可执行文件

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

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

     2、检查electron版本好

    打开package.json

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

 

     3、执行打包命令

    修改package.json文件

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

    npm run packager

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

  十一、总结

    七夕将至,望各位单身程序汪早日追到喜欢的女生,当然了,不是程序狗的同志也不要灰心,小弟在下面奉上打包后的可执行文件地址,加油啊,兄弟们

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

上一篇:用于真实跨平台应用程序/应用程序的Java解决方案(框架/库/ API)


下一篇:511遇见易语言API模块SetWindowTextA窗口置标题