首页 > 其他 > 详细

electronic初体验

时间:2019-09-16 22:26:46      阅读:658      评论:0      收藏:0      [点我收藏+]

  面试被问到electronic,就是之前了解electronic打包桌面应用。哎回来就好奇捣鼓捣鼓呗!为了快速的上手去除配置的繁琐过程,直接用了electron-vue脚手架了解了下

  electron官网https://electronjs.org

  electron-vue文档https://simulatedgreg.gitbooks.io/electron-vue/content/cn/

  1.创建一个electron-vue的项目

      vue init simulatedgreg/electron-vue my-project

     确保全局安装了vue-cli脚手架

  2.进入项目目录并运行

      cd my-project

    npm install

    npm run dev  //运行项目

    技术分享图片

  文件介绍:

    (1)electron-vue:

        webpack和electron的一些配置

    (2)build:项目打包后的文件

        npm run build  //打包

        npm run build:clean  //清除之前打包

        技术分享图片

    (3)src:写项目操作的文件

        技术分享图片

          main文件夹

          主要管理桌面应用的窗口的创建,以及Electron 应用程序的生命周期

         renderer文件夹

          与vue-cli的脚手架的src文件类似,在这里可以快乐的写vue代码即可。

  

  3.npm run build打包并安装成功后的效果

     技术分享图片

   其他的后续在慢慢的学习electron基础啦~

electronic初体验

原文:https://www.cnblogs.com/changxue/p/11530108.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!