电子真空设备使用的详细说明

以下是对电子真空设备使用的详细介绍，如下所示：

如今前端框架众多，尤其是angular和vue吸引了大量的前端开发人员。在这个高科技快速崛起的时代，各种框架的结合是很自然的。下一步是介绍电子vue的组合使用。

2.什么是2。电子？

对我来说，电子相当于浏览器的外壳，可以将网页程序嵌入外壳，在桌面上运行程序，将网页打包成在桌面上运行的程序。一般来说是软件，比如QQ、优酷、网易音乐等等。功能比想象中强大，可以搭建跨平台桌面程序，支持node.js本身，使用node.js的一些模块，想了解更多可以查看官网详细介绍。

电子官网：https://electronjs.org/

3.电子的联合使用

有vue基金会和nodejs基金会的开发者可以更流畅的使用电子。没有节点基础的，有vue或者棱角基础的也可以学，可能学起来比较难，但是没关系。很多东西都被大神包装过，可以直接使用。

接下来，我将教你构建一个电子vue的开发环境。

步骤1:安装nodejs

在windows下安装NodeJS很方便(v0.6.0之后，支持windows原生)。你只需要登录官网(http://nodejs.org/)就可以看到下载页面。

2.下载后，双击运行安装。安装过程基本上是“NEXT”(默认全部安装)。(windows安装的msi文件会直接添加path的系统变量，变量值就是你的安装路径，例如“C:\Program Files\nodejs”)。

3.安装完成后，可以使用cmd(win r然后输入cmd)测试安装是否成功。方法：在cmd下输入node -v，下图的版本提示显示安装了NodeJS。

4.安装npm。由于新版NodeJS已经集成了npm，所以之前已经并行安装了npm。您也可以使用cmd命令行输入“npm -v”来测试安装是否成功。如下图所示，版本提示将为OK。

5.到目前为止，常规节点的建设已经完成。如果等不及，可以在“cmd”输入“Node”的模式下输入自己NodeJS的第一句话：“Hello World”-输入：console . log(‘Hello World’)。

第二步是在：中构建vue开发环境

1.安装淘宝npm镜像

因为在国内使用npm非常慢，所以推荐使用淘宝npm的形象和使用

淘宝的cnpm命令管理工具可以代替默认的npm管理工具：$ npminstall-gcnpm-registry=https://registry.npm.taobao.org；

淘宝镜像安装成功后，我们可以全局vue-cli脚手架，输入命令：cnpminstall-全局vue-CLI回车；验证安装是否成功，在命令中输入vue，获取vue信息，说明安装成功；

步骤3:构建vue项目

使用命令创建一个项目，逐步选择它，然后开始，依此类推。

完成后，如下所示：

成功后，修改启动项，打开democonfigindex.js，具体修改如下：

执行该命令，以下效果表明项目已成功运行：

执行构建命令：

$ npm运行构建

注意：生成时，必须在index.js中修改生成路径，否则包页面显示为空，找不到路径

出现以下效果

下一次，项目中会有一个额外的dist文件夹，里面会有你打包的东西

所有后续操作都在dist文件夹目录中。

第四步：安装电子设备

执行命令：

安装成功后运行：e-v检查安装是否成功

第五步：创建主程序入口和相关的配置包

在dist文件夹中创建main.js文件和包. json文件

文件内容如下：

main.js

以上是最基本的代码，比较复杂的可以自己设计，或者可以看官方文档

package.json

更多配置可以查看官方文档：https://www.electron.build/configuration/configuration

现在除了东风，一切都准备好了。

执行命令：电子。

成功后，效果如下：

以上效果说明你成功了。

第五步：打包成软件包

执行命令

$ npm安装电子构建器$ npm安装电子包

执行打包命令：

电子制造机

以上是成功包装的结果。demo-1.0.4.exe是一个可以直接安装在系统上的软件包，不同的操作系统可以打包成不同的安装包。

Vue有一个综合电子项目

电子真空，

现成的项目已经在githup上发布

吉图普地址：https://github.com/2577662935/electron-vue.git

文档访问地址：https://github。com/2577662935/electron-vue/tree/master/my-project

如果调试程序困扰你，不要放弃。成功总是在角落后面。除非你走到拐角，否则你永远不知道你离它有多远。所以记住，坚持到成功。

Ps:我们把新窗口介绍给e-vue多显示屏下的其他屏幕。具体内容如下：

显示对象可以获得所有显示

在这里，演示程序从将新窗口拖放到另一个屏幕开始

从' electron ' const electron=require(' electron ')导入{ app，Browserwindow }//获取electron对象让新窗口函数createwindow () {/* * *主窗口被省略*/让displays=electron . screen . getall displays()让externalddisplay=displays . find((display)={ return display . bounds . x！==0 || display.bounds.y！==0 })if(externalDisplay){ new window=new browser window({ full screen : false，x : externalDisplay . bounds . x 500，y : externalDisplay . bounds . y 50，宽度： 1000，高度： 800 })new window . load URL(new URL)} new window . on(' closed '，()={ new window=null })} app . on(' ready '，createwindow)

以上是边肖介绍的电子vue使用教程，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！