码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-08-05 09:58:31      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:兄弟会   cat   app   node   程序   ast   初始   http   lin   

  上一篇分享了一下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

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

标签:兄弟会   cat   app   node   程序   ast   初始   http   lin   

原文地址:https://www.cnblogs.com/scale/p/11299776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!