electronic初体验

  面试被问到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基础啦~

猜你喜欢

转载自www.cnblogs.com/changxue/p/11530108.html