electron入坑记

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
  1. 然后安装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文件夹。