使用Electron Forge脚手架创建项目模版及工程化

先将自己的npm版本升级到7或者以上。
首先，你可能已经全局安装了一个Electron Forge，然后看着官方文档想直接通过这一行命令建立模版，

npx create-electron-app@latest my-app

但是我尝试了无数次这种方式，最终没有成功。

最终我决定先新建一个空的项目，以下模组都是局部安装，切换到项目文件夹，先尝试用Electron Forge新建模版，

npx create-electron-app@latest my-app

不出意外会报一个npm安装electron模组失败的错误，但是这个时候项目模版的大部分文件已经存在了，以下所做的所有操作都是补全这个因为出错而不完整的Electron Forge模版项目，这时候去node_modules文件夹下面找到electron然后把这个文件夹删掉，然后执行这个命令手动安装electron，

sudo npm install electron --ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/" --unsafe-perm=true --verbose

经过漫长的等待终于安上了electron模组，然后尝试使用以下命令来将现有项目转变成完整的Electron Forge项目模版，

sudo npm exec --package=@electron-forge/cli -c "electron-forge import" --REGISTRY="https://registry.npmmirror.com/"  --ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/" --unsafe-perm=true --verbose

不出意外会提示@electron-forge/cli模组没有安装，但是它会一直卡在那里尝试安装，所以这时候直接Ctrl+Z关掉这个安装进程，像之前安装electron模组那样直接手动安装@electron-forge/cli模组就好，执行以下命令，

sudo npm install @electron-forge/cli --ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/" --unsafe-perm=true --verbose

等它执行成功后，这时候应该已经把所有模版需要的模组都安装上去了，再次尝试以下命令，

sudo npm exec --package=@electron-forge/cli -c "electron-forge import" --REGISTRY="https://registry.npmmirror.com/"  --ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/" --unsafe-perm=true --verbose

这时候可能会提示一个没有权限修改package.json文件错误，切换到你的工程文件夹前面的文件夹内，尝试执行，

ls -l 你的工程文件夹名

查看当前用户是否对工程文件夹下所有文件都有权限，如果文件夹内某些文件显示只有root用户才有权限，执行以下命令来使当前用户获得该文件夹下所有文件的修改权限，

sudo chown -R $(whoami) 你的工程文件夹名

执行完毕之后再次执行以下命令，

sudo npm exec --package=@electron-forge/cli -c "electron-forge import" --REGISTRY="https://registry.npmmirror.com/"  --ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/" --unsafe-perm=true --verbose

等待electron-forge配置项目模版完成。