electron入坑记

参考资料

Electron: 从零开始写一个记事本app

npm - 换淘宝源

electron-prebuilt 安装

*其他的在文章里面加了链接

安装

1. 首先是node.js，不过之前为了写博客已经装过了，淘宝源也是没什么问题：

   npm install -g cnpm --registry=https://registry.npm.taobao.org
   

   之后就可以用cnpm来访问了！

   不过后面好像出现了一些问题，所以把npm的源给换成了淘宝：

   npm config set registry https://registry.npm.taobao.org/
   

   可以使用这个验证：

   npm config get registry
   

2. 然后安装electron和electron-forge（electron的工具整合）:

   cnpm install -g electron
   cnpm install -g electron-forge
   

   附上electron-forge的官方github仓库：https://github.com/electron-userland/electron-forge

开工！

1. 首先cd到开发目录下，然后输入

   electron-forge init notepad
   

   竟然报错了…

   electron-forge : 无法加载文件 C:\Users\sdxjz\AppData\Roaming\npm\electron-forge.ps1，因为在此系统上禁止运行脚本。有关详
   细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
   所在位置 行:1 字符: 1
   + electron-forge init notepad
   + ~~~~~~~~~~~~~~
       + CategoryInfo          : SecurityError: (:) []，PSSecurityException
       + FullyQualifiedErrorId : UnauthorizedAccess
   

   经过上网查询，执行以下命令：

   set-ExecutionPolicy RemoteSigned
   

   然后输入A即可。

   重新运行electron-forge init notepad，结果卡在了最后一步Installing NPM Dependencies？？？

   最后挂了下梯子好了…话说我就该一开始挂梯子用npm的…

2. 之后就能看看效果了：

   cd notepad
   electron-forge start
   

   结果…又报错了？

   √ Checking your system
   × Locating Application
   
   Electron forge was terminated:
   You must depend on "electron-prebuilt-compile" in your devDependencies
   

   之后又重新配了一遍环境，还是不可以，但是发现了下面的问题：

    npm install electron-prebuilt --save-dev    安装 electron
       在 windows 在安装过程中会出现安装失败问题，原因主要是在下载 electron-prebuilt 中失败，导致最后安装 electron 失败。
       解决办法：
       访问 https://npm.taobao.org/mirrors/electron 手动下载当前系统对应版本的 electron 例如：electron-v1.2.3-win32-x64.zip 版本号可以在安装过程中
       看到。然后将下载的 electron-prebuilt 压缩包放在 C:\Users\Administrator\.electron 下，最后在项目目录下重新执行 npm install -g electron-prebuilt 
       可以发现 electron 安装成功。
   

   结果去官网下载了却没有用，依然报错，最后没办法了直接缺啥补啥：

   cnpm install electron-prebuilt-compile --save-dev
   

   报错竟然改了…：

   electron-forge start
   √ Checking your system
   × Locating Application
   
   Electron forge was terminated:
   You must depend on an EXACT version of "electron-prebuilt-compile" not a range (got "^4.0.0")
   

   最后上网，得知需要在项目的package.json中将 devDependencies的 "electron-prebuilt-compile": "^4.0.0" 改为 "electron-prebuilt-compile": "4.0.0"

   最后成功运行！

   electron-forge start
   √ Checking your system
   √ Locating Application
   √ Preparing native dependencies
   √ Launching Application
   

   太难了.jpg

### 就到这里吧，太难了，发现下面需要node.js知识作为基础，滚去学习node.js了

1. 跟着教程，用vscode打开了notepad文件夹。