electron引入vue（Vue使用electron转换项目成桌面应用方法介绍）

1   
    
    
、将已有 Vue 项目打包    
    
  。

2


     


     


  、新建 main.js 




 




 
、package.json 文件

将打包生成的 index.html   

   

   

、js

     

     

 、css
  




  




  、然后再和新建的 main.js  


  


  


、package.json 文件 放至一个目录下    


     


     
。并命令行切换至这个目录




 




 




。

新建的 main.js 如下：

新建的 package.json 如下：

3 
     
     
、安装包：

yarn install

（报错不用管   
    
    
，能 electron . 运行成功且效果正常就行）

4

   




   




   、运行：

electron .

5 



 



 


、注意事项：

（因为若不配置


     


     


  ，则 electron 文件路径不对）

index.html 中文件路径如以下正确显示：

若不配置 publicPath: ./ 则：href=“/css/chunk-17ca335a.ad6ca46b.css    
    
  ” 路径错误     

     

     。导致应用出现白屏




  




  




。

到此这篇关于Vue使用electron转换项目成桌面应用方法介绍的文章就介绍到这了,更多相关Vueelectron内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！