【上一篇】求职分析应用-介绍
项目开始第一步先把目录和构建环节搞起来。下面两步就能快速生成一份可执行应用的Electron环境。
第一步，创建vue应用项目
没有安装vue-cli的请使用下面命令安装。我目前使用的是5的版本。
# 安装vue-cli
$ npm install -g @vue/cli
运行下面代码创建项目应用
# 创建项目应用
$ vue create job-info-app
第二步，安装Electron
安装Electron网上有非常多的方法，而目前最便捷的方法是安装nklayman/vue-cli-plugin-electron-builder，插件作者Noah Klayman同时也创作了Tauri这个跨平台应用工具。
# 进入项目目录
$ cd job-info-app
# 添加Electron支持
$ vue add electron-builder
安装过程中会让你选择Electron的版本，这里我选择最新的13版本。
13版本升级了Chromium 93、Node.js 14.17和V8 9.3。新功能包括对远程模块的更改、contextIsolation的新默认值、新的webFrameMain API等。
安装完成后，执行下面命令就能进行本地调试。
$ npm run electron:server
到此步我们能获得一个能访问和调试的我们应用的窗口。想了解构建部分的设置可在下一节 [[Electron的跨平台构建设置]] 中了解更多内容。
下面是额外内容，主要介绍 electron-builder 的作者 Noah Klayman 以及他创作的 Tauri 跨平台应用工具，不感兴趣的可以跳过。
关于Noah Klayman
Noah Klayman 是vue-cli-plugin-electron-builder插件的作者，我认为在这里有必要介绍一下。
他不仅提供了方便易用的 vue-cli-plugin-electron-builder 插件，帮助了非常多的工程师快速创建跨平台应用。他同是也是 Tauri 的作者，tauri是使用Rust制作的为跨平台部署构建优化、安全且独立于前端的应用程序。
Tauri 和 Electron
Tauri和Electron都是用于构建跨平台桌面应用程序的框架。Tauri对比Electron在性能和安全性上有足够的优势。Tauri因为不需要Node.js或Chromium等大型依赖项，所以构建出来的二进制文件比Electron小得多。
当然不是说Electron不够好，它也有其优势，比如：Electron已经被广泛使用，并且有一个庞大的社区支持。Electron使用JavaScript编写，这意味着您可以使用您已经熟悉的技术栈来构建应用程序。选用Tauri则需要再学习Rust这门语言。所以主要还得看你需求和偏好来进行选择。
