有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

NodeJs配置(nodejs环境配置大合集)详细操作步骤

node.js 炮渣日记 4周前 (11-10) 22次浏览 已收录 0个评论 扫描二维码

NodeJs简介

关于Nodejs,以下是官方的介绍。

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。

由于其使用 JavaScript 语言进行编程,近些年受到大量前端工作者们的热捧,尤其是多年web从业人员,通过nodejs,成功从前端开发转向了后台,于是诞生了全栈工程师

在Node环境中,有一个重要的工具,包管理器npm,这个是我们以后用于操作各个模块的常用命令,好了,废话不多说,相信你也一定是了解NodeJs的人了,我们直接进入主题,如何部署环境。

NodeJs下载

首先是下载资源,可以根据平台进行选择

  • Windows平台直接到官方网站里下载安装器,根据电脑当前是否64位系统,选择以下图中的 .msi 文件,点击32-bit或64-bit开始下载;
  • MacOS平台下也推荐直接下载安装器,是一个 .pkg文件,安装过程与windows下相似,没有特殊需求不推荐使用二进制文件,mac下只有64位;
  • Linux平台一般通过命令行的方式下载,不同的系统的命令大同小异,这个将在下面的章节详述。

官方网站:
https://nodejs.org/en/download/

NodeJs配置(nodejs环境配置大合集)详细操作步骤

官方网站下载资源

Windows环境配置

  • 第一步,自然是按照上面的说明,下载 msi 安装包,点击下一步直到安装完成;当然,如果你不想安装到C盘,可以选择其他磁盘,并不会影响node的使用;
NodeJs配置(nodejs环境配置大合集)详细操作步骤

nodejs安装界面

  • 第二步,需要验证一下你的安装是否成功,此时需要命令行工具(CMD),可以通过【win】+【R】键的组合,打开“运行”窗口,并输入“cmd”,然后确定打开。或者可以在任何文件夹位置,按住【Shift】+鼠标右键,在菜单栏里选择“在此处打开命令窗口”来打开cmd视图;
NodeJs配置(nodejs环境配置大合集)详细操作步骤

运行输入cmd进入命令行工具

  • 第三步,在命令行(CMD)工具上输入以下内容,查看是否正常获得版本:
        node -v
        npm -v
NodeJs配置(nodejs环境配置大合集)详细操作步骤

查看node和npm的版本

  • 到这里,如果上一步你没有正常显示版本号,那么可以尝试重新安装,一般不会出现问题。如果遇到了奇怪的问题,可以给我留言哦~如果你在敲命令的时候提示“不是内部或外部命令”,则可以到你node的安装路径下的打开cmd进行尝试;
  • 第四步,修改npm模块安装目录,为啥要修改呢?因为默认模块下载放到了C盘的用户相关文件夹里了(C:Users用户名AppDataRoamingnpm),而我们希望放到别的地方(如D盘)就需要修改了(如果不在乎可以直接跳过):
  1. 在nodejs安装目录下创建 node_cachenode_global 文件夹;
  2. 打开CMD工具,输入以下命令:
npm config set prefix "D:toolsnodejsnode_global"
npm config set cache "D:toolsnodejsnode_cache"
(注:替换以上代码中的 D:toolsnodejs 为你自己的安装路径;)
  • 第五步,配置环境变量。如果在第3步你敲击命令时,不在安装路径下无法识别,那么你需要配置你的环境变量。打开“系统”->“高级系统设置‘->”环境变量“里进行配置,先检查path里是不是有你的安装目录,如果没有,则手动输入一个即可。
NodeJs配置(nodejs环境配置大合集)详细操作步骤

找到环境变量里的path

NodeJs配置(nodejs环境配置大合集)详细操作步骤

检查是否有node安装路径

  • 增加 NODE_PATH 变量,用来查找你以后全局安装的子模块功能,如果你使用了第四步的修改,那么记得配置为你改后的路径。

MacOS环境配置

  • 第一步,也是先下载安装包pkg文件,也是直接“下一步”到完成即可;
NodeJs配置(nodejs环境配置大合集)详细操作步骤

mac下node安装界面

  • 第二步,打开终端terminal工具,同样是输入命令查看版本,验证是否安装完成;
  • 第三步,配置全局环境变量,依然使用终端工具,执行:

1)输入以下命令进入编辑

$ vim .bash_profile

2)在最后一行加入以下代码

PATH=$PATH:/usr/local/bin/

3)按:输入wq指令保存退出

  • 重新打开终端即可使用命令行工具,输入相应的指令了。

Linux环境配置

  • 第一步,还是是下载资源,注意这里要下载的是 Binaries(x86/x64) 资源了,这里根据你的系统选择 32-bit 或 64-bit ,ARM是给移动端的不要下错了哦。
  • 第二步,就是对资源进行解压,使用以下命令即可
xz -d node-xxx.tar.xz #解压tar.xz文件到tar文件
tar -xvf node-xxx.tar #解压tar文件到同名文件夹
mv node-xxx node   #可以将文件夹改名为node,路径配置会更方便
  • 第三步,检查当前路径,是否可以正常运行
pwd
./node -v #若能正常显示版本,说明当前源可以使用
  • 第四步,配置软连接,注意不需要安装哦,直接配置环境引用到当前路径位置即可
ln -s /usr/local/node/bin/node /usr/bin/node #将node源文件映射到usr/bin下的node文件
ln -s /usr/local/node/bin/npm /usr/bin/npm
  • 第五步,检查是否成功
node -v
npm -v
  • 此外,类似阿里云这种云端服务器,不便于下载的,还可以使用以下命令获取源文件
wget https://nodejs.org/dist/latest/node-v10.1.0-linux-x64.tar.gz

更换源

好了,以上就是我们对nodejs的简单配置,虽然你已经可以正常使用node了,但是可能因为网络问题导致你在下载安装模块时非常的慢,此时需要使用镜像来帮你加速。

国内比较推荐的源是淘宝的 npm 地址:http://npm.taobao.org/ ,有3种使用方式:

  • 第一种,临时使用,此时只需要在命令后添加以下参数即可
npm --registry https://registry.npm.taobao.org install express
  • 第二种,持久变更,此时使用以下命令变更源仓库
npm config set registry https://registry.npm.taobao.org

# 如果想变更回来可以再次更换
npm config set registry https://registry.npmjs.org
  • 第三种,保留两种源,使用不同命令,即cnpm,可以通过以下命令安装
npm install -g cnpm --registry=https://registry.npm.taobao.org

如有发现问题,也希望大家能及时纠正~

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址