一、基础环境准备
1、安装python
下载官网最新python版本安装,不要安装conda或者anaconda等python科学集成环境,否则有可能出现错误,且不容易排除错误,我的安装目录是D:/python310,python版本号为3.10.7。
注意:安装过程中选择把执行路径导入环境变量,如下图所示:
安装完成后按ctrl+win调出运行窗口,然后输入cmd调出命令提示符,输入python回车,如果像下面这样显示python版本就证明安装成功了。
2、安装nvm(node version manager)node版本管理工具
到https://github.com/coreybutler/nvm-windows/releases下载最新的nvm软件包,下载exe安装版即可,如下图所示:
下载完成后双击安装,我的安装路径是
D:/nvm
注意:在这一步要选择nvm管理的nodejs文件夹的symlink(我称之为软连接)位置,我的路径为D:/nodejs。后面用nvm下载的nodejs会以快捷方式的形式在这个路径出现,但是nodejs实体文件夹则是在nvm的安装路径下,后面通过nvm选择不同版本的nodejs时会将软连接切换为选择的nodejs版本从而使得软连接位置的nodejs文件夹中的nodejs为所需的版本。
安装完成后重新调出命令提示符,输入nvm回车,如果弹出nvm的运行版本和使用说明,说明安装成功
nvm安装好,我们就可以用nvm来下载node并进行管理,在cmd窗口,执行命令 nvm install latest,等待node以及NPM的下载和安装即可。
注意:npm(node package manager) 是管理node包的一个工具,正常的话,它会随nodejs一起安装。
安装完成后显示如下:
提示你根据安装的版本号输入:
nvm use 18.8.0
输入命令后回车,提示错误
exit status 1:乱码
这个问题我也不清楚什么原因,解决办法是以管理员身份运行命令提示符。关闭原有的命令提示符,在搜索框中搜索命令提示符,右键以管理员身份运行
然后在命令提示符中根据安装的版本号输入:
nvm use 18.8.0
提示正在应用的nodejs版本,即表示选择版本成功。
继续输入下列命令:
node -v
npm -v
如果弹出安装的nodejs和npm版本号,证明node和npm均已安装完成。
注意:最新版本nodejs文件夹下已经包含npm包,不需要单独安装,这与网上许多资料不同,请大家注意
3、npm配置
输入如下命令查看全局模块的安装路径和cache的缓存路径:
npm config get prefix
npm config get cache
我的路径如下所示:
D:\nodejs
C:\Users\用户名\AppData\Local\npm-cache
注意:好多资料都会让输入如下命令调整prefix和cache的位置,我没有调整,各位看官根据需要来设置:
npm set prefix "D:\nodejs\node_global"(注意路径对应你nodejs的安装路径)
npm set cache "D:\nodejs\node_cache"
此时就可以使用npm来安装包了,我用的IDE为Pycharm,用Pycharm打开项目,在终端中输入下列命令并回车(这一部分在记录3-Pycharm配置章节中会提及,此处可以先不安装electron,按照下面两种方法之一直接配置npm镜像即可):
npm i --save-dev electron
由于众所周知的原因,下载速度可能比较慢,或者会卡在某一个下载步骤很长时间,或者提示有错误,如下图所示:
为了解决上述问题就需要配置npm的下载镜像,在终端中输入如下命令,有两种方法,推荐采用第二种方法:
-
方法一:直接更改npm下载镜像
npm config set registry https://registry.npm.taobao.org
然后输入以下命令确认镜像是否变更成功
npm config get registry
为了防止淘宝镜像出现什么错误,此处提供恢复默认镜像的命令
npm config set registry https://registry.npmjs.org/
- 方法二:通过nrm(npm registry manager)npm镜像管理包进行管理
在命令提示符或者Pycharm终端中输入以下命令全局安装nrm包
npm install nrm -g
安装完成后输入nrm回车,弹出nrm的用法证明安装成功
注意:此步骤在Pycharm终端中可能会有如下提示
大概意思就是无法运行脚本,我们通过管理员权限运行power shell,然后输入命令
set-ExecutionPolicy RemoteSigned
提示是否更改策略,输入Y回车即可
然后输入如下命令查看镜像列表
nrm ls
比如我想用淘宝镜像,就使用如下命令
nrm use taobao
提示切换成功
4、安装插件
打开Pycharm,界面如下
没有安装中文语言包的,在Plugins选项中输入中文语言包安装,重启即可。
重启后继续在插件选项中搜索node安装Node.js,安装完成后重启。
至此,所有的基础环境准备工作都已经完成,下一节将创建一个简单的“Hello Electron”程序。