electron+vue3 桌面端壁纸工具案例(补充篇) - 风之涯技术博客

标签搜索

electron+vue3 桌面端壁纸工具案例(补充篇)

小峰
2022年10月01日 / 0 评论 / 45 阅读 / 正在检测是否收录...

 我们在练习electron的时候,我们也是需要安装一些东西的,我在electron基础篇中有说过electron的基础,它是需要使用nodejs,所以我们必须要安装nodejs;当然在使用vue的时候,我们也是需要安装nodejs环境来运行。

那么今天我们来聊聊安装nodejs这么基础中的基础吧

本来安装nodejs有很多教程,当然教程中也大多是可用的

方法一

1.进入官网 nodejs官网 进行下载安装包即可
86646b30c9052fa56f9e6b561e66f7d7.png
我们一般选择安装长期维护版本(此版本比较稳定),当然有需要尝鲜的同学可以下载尝鲜版(此版本bug相对较多,如果需要稳定开发,还是建议下载稳定版本)

2.下载好后,直接安装,下一步即可。建议不要选择安装到c盘,建议选择到d盘或者其他盘符。

方法二

1.首先下载安装nvm,nvm是一个github的开源项目,直接进入 https://github.com/coreybutler/nvm-windows/releases
2.找到页面上的如下图,点击安装
af32913ee296e5b311ef5cd5fc666100.png
下载后解压安装即可,也建议安装到D盘
3.在安装过程中要选择安装node的目录,建议也改为D盘即可
4.安装好nvm后,按Win+R 输入cmd
输入nvm -v;查看安装的nvm版本和一些方法,如果显示版本成功则表示已经安装nvm成功
5.开始安装node

注意:如果曾经安装过nodejs,那么必须先卸载掉之前安装过的nodejs
如果之前全局安装过npm也必须要卸载掉
在nvm的目录下找到settings.txt文件,在里面写入
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

后保存。

//继续在cmd输入
nvm list available
//查看可安装的nodejs的版本号
nvm install <nodejs版本号:你需要的版本>
// 当然你也可以安装多个版本
nvm use <nodejs版本号:使用此版本>
//设置默认使用版本
nvm alias default v14.15.1;
//设置特定版本运行
nvm run v14.15.1 app.js;
//卸载某个版本
nvm uninstall v14.15.1;
//建议在使用这些脚本的时候,将cmd通过管理员权限运行
以上两种方法都可以安装nodejs,当然我更建议采用方法二进行安装,因为它可以管理多个nodejs版本,能有效工作

当我们安装好nodejs后,我们还需要配置一下,总不能让npm包全部安装到c盘吧,那样c盘会越来越大,计算机就变卡了
所以这里介绍一下在其他盘安装npm包

在安装好的nodejs目录下新建2个文件夹

node_global
node_cache

同时在【系统变量】【用户变量】下设置,NODE_PATH的值为D:\nodejs\node-global\node_modules 我这里是D盘
b4e847b7055e8fe3b4c8abaa2cf98aef.png
当然,如果你经常使用yarn

yarn_global
yarn_cache

在【用户变量】的 Path 删除:C:\Users\用户名\AppData\Roaming\npm(全局安装依赖包时的默认位置)
在【用户变量】【系统变量】的 Path 添加两行:D:\nodejs、D:\nodejs\node_global
设置全局文件夹和全局缓存文件夹

npm config set prefix D:\nodejs\node_global
npm config set cache D:\nodejs\node_cache

然后我们安装yarn

npm install -g yarn //全局安装yarn

此时我们发现yarn已经安装到D:\nodejs\node_global下了,说明配置成功
然后我们在配置yarn的包存放位置即可

yarn config set global-folder D:\nodejs\yarn_global
yarn config set cache-folder D:\nodejs\yarn_cache

这样配置后就不怕所有包放到c盘了,学会了吗?很简单。

1

评论 (0)

QQ
昵称
邮箱
取消