vscode+electron环境搭建

安装nodejs
https://nodejs.org/en/download/releases/
国外的连接速度慢或者连接不稳定,可以访问阿里镜像Node.js Mirror (taobao.org)
有历史版本,我选择的是node-v12.15.0-x64.msi,安装到c:\debug\nodejs目录
进入nodejs安装目录,>node -v及>npm -v若显示版本号则表示安装成功

之后的步骤具体参考https://blog.csdn.net/qq_40421671/article/details/113322614

 

用vscode打开一个文件夹,在vscode的terminal中输入>npm init -y,可会生成一个package.json文件

 

设置淘宝镜像
>npm install cnpm -g  --registry=https://registry.npm.taobao.org

 

安装electron依赖包
>cnpm install electron --save-dev

 

bug 1:
    若提示cnpm 不是内部命令,
solution:
    进入C:\Debug\nodejs\node_global中运行>cnpm -v,若成功,需要设置下PATH环境变量,增加C:\Debug\nodejs\node_global;即可。

 

bug 2:
    在cmd中正常,但在vscode的terminal中提示“无法加载文件cnpm.ps1,因为在此系统上禁止运行脚本"
solution:
    在powershell中执行Start-Process powershell -Verb runAs
会提示授权,并以管理员身份运行powershell
继续重新执行set-ExecutionPolicy RemoteSigned 选择 Y

继续尝试安装electron依赖包
>cnpm install electron --save-dev

 

完成后>npx electron -v 
或者>.\node_modules\.bin\electron -v
若显示版本号表明安装成功

 

>.\node_modules\.bin\electron
打开electron 查看帮助等

 

posted on 2021-07-30 10:53  风中狂笑  阅读(805)  评论(0编辑  收藏  举报

导航