前言
编写的前端代码(如 React、Vue、Webpack)需要依赖 Node.js 环境运行,Node 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,具备构建高性能网络服务的能力,如淘宝团队测试显示单进程 Node.js 可处理 16,700 QPS,内存仅占用 30MB。这里只需略懂就行,接下来手把手教你安装Node。
安装步骤
进入Node官网,下载即可,我是 Windows 系统,所以下载 Windows 的
https://nodejs.cn/download/
双击安装包,进行安装
更换路径
最后验证是否安装成功,在终端输入以下命令:
查看 Node.js 版本
node -v
查看 npm 版本
npm -v
输出以下信息证明成功
环境变量配置
1.创建文件夹
在自己的 Node 安装目录下新建两个文件夹 node_global 和 node_cache
2.设置路径
使用管理员身份打开 cmd 终端
在 cmd 中输入:npm config set prefix “文件夹node_global的路径”,填你们自己的
npm config set prefix D:\1-Python\ProgramFiles\Node\node_global
之后继续输入:npm config set cache “文件夹node_cache的路径”,填你们自己的
npm config set cache D:\1-Python\ProgramFiles\Node\node_cache
3.配置环境变量
在设置找到 系统 ->系统信息,之后点击高级系统设置
点击环境变量
在系统变量,点击新建
填入:
变量名:NODE_PATH
变量值:D:\1-Python\ProgramFiles\Node\node_global\node_modules,你的 node_global 路径后面加上 node_modules
到 node_global 下看有没有生成一个 node_modules文件夹,如果没有,就在 node_global 下手动创建一个 node_modules 文件夹
继续在2系统变量选中 Path,点击编辑
添加 %NODE_PATH%,然后点击确定
接下来,编辑【用户变量】中的【Path】(选中Path,点编辑),将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定
最后把全部的确定按钮点完就行
测试和换国内镜像源
1.测试
配置完成后,全局安装最常用的 express 模块进行测试( -g 表示全局安装),还是以管理员运行 cmd 终端,输入下面命令
npm install express -g
如果出现安装失败的话可能是你没有使用管理员身份运行 cmd 窗口
2.换源
这里肯定有人问,为什么要换源,换源是什么,我一句话概括:换源就像是更换下载地址,选择一个离你更近、速度更快的服务器来加速软件包的下载。下面给出淘宝的镜像源和华为的镜像源,还有其他大家可以网上搜索
淘宝镜像:
npm config set registry http://registry.npm.taobao.org
华为镜像
npm confg set registry https://mirrors.huaweicloud.com/repository/npm/
在终端粘贴即可
查看是否成功:
npm config get registry
输出下面正常成功
如果要恢复npm默认镜像,输入以下命令
npm config set registry https://registry.npmjs.org
总结
认真看博客基本是成功的,有问题评论区留言,谢谢观看