快速开始 - Electron React Boilerplate（TypeScript）

之所以决定在这个专案导入 Electron 并实战学习

是因为我在那篇 ptt排版巴哈文章 看到了一个关于「CROS」的问题
爬虫大概也是会被挡掉吧？我实在不太想冒着做了一般的网页却发现没办法爬虫的风险

再者是我从赫赫有名的 2022 前端工程师路线图 中，发现 Electron 晋升为紫色勾勾
如果我想当前端工程师，能先接触到紫勾的东西应该还不错吧！
而且我上一个作品也是 React，如果下一个 Side Project 没点新花样，有点像是在原地打转

我使用了「Electron React Boilerplate」这个模版
它直接帮你把 Electron + React 这件事打点好，把两者结合开发的前置作业处理得七七八八了

Electron

Electron 是一个将 JavaScript、HTML 与 CSS 等网页技术转换为桌面应用程式的框架
我查了一下后发现 VSCode 就是用 Electron 写的？！！ 好喔，那怎能不来摸一下
简单地说，可以想成它就是个包着浏览器的应用程式，能让你写的网页在里面呈现

如果要打开一个我写的网页，就要先新增一个 BrowserWindow 在里面设定长宽、icon等
然后 .loadURL(resolveHtmlPath('index.html')); 这也能输入网址用来打开某个网站的页面

Node.js

Node.js 主要用来让桌面应用程式与电脑系统进行沟通
它并非是一个程式语言，只是能够让你写 JavaScript 然后在电脑上跑
可以把 Node.js 想成**「能在后端运作的 JavaScript」**，剩下的我其实也了解得不深入
Electron的主进程就是在运行 Node.js

Husky

Husky 是 Electron React Boilerplate 大礼包里面的本来就有的
我也不太确定为什么要加这个料，查了一下这个哈士奇说是跟 Git 有关的工具
它好像能自订一些 Git 功能，比方说提交一个新版本之前先执行一些 npm 指令之类的
总之我是用不到，但也怕随意删除后对大礼包的运作造成什么影响

会特别提到它是因为我发现， Husky 让我没有办法再使用 GUI 操作 Git！
没错，不管是 VSCode 还是 GitHub Desktop 那边都不行了
我必须在终端机手打指令 git commit -am "xxxxx" --no-verify 才能提交新版本，真是谢了