Node.js下载安装及环境配置教程【超详细】

https://blog.csdn.net/WHF__/article/details/129362462?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_baidulandingword~default-0-129362462-blog-131632923.235v38pc_relevant_sort_base2&spm=1001.2101.3001.4242.1&utm_relevant_index=3

一、进入官网地址下载安装包

https://nodejs.org/zh-cn/download/

选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位

Node.js下载安装及环境配置教程【超详细】_第1张图片

 Tips:如果想下载指定版本,点击【以往的版本】,即可选择自己想要的版本下载

Node.js下载安装及环境配置教程【超详细】_第2张图片Node.js下载安装及环境配置教程【超详细】_第3张图片

二、安装程序

(1)下载完成后,双击安装包,开始安装Node.js

Node.js下载安装及环境配置教程【超详细】_第4张图片

(2)直接点【Next】按钮,此处可根据个人需求修改安装路径,修改完毕后继续点击【Next】按钮

Node.js下载安装及环境配置教程【超详细】_第5张图片

 (3)可根据自身需求进行,此处我选择默认安装,继续点击【Next】按钮

Node.js下载安装及环境配置教程【超详细】_第6张图片

 (4)不选中,直接点击【Next】按钮

Node.js下载安装及环境配置教程【超详细】_第7张图片

 (5)点击【Install】按钮进行安装

Node.js下载安装及环境配置教程【超详细】_第8张图片

 (6)安装完毕,点击【Finish】按钮

 Node.js下载安装及环境配置教程【超详细】_第9张图片

 (7)测试安装是否成功,按下【win+R】键,输入cmd,打开cmd窗口        

     输入:node -v     // 显示node.js版本

                npm -v      // 显示npm版本

 Node.js下载安装及环境配置教程【超详细】_第10张图片

  --成功显示版本说明安装成功

 三、环境配置

 (1)找到安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】

Node.js下载安装及环境配置教程【超详细】_第11张图片

 (2)创建完毕后,使用管理员身份打开cmd命令窗口(打开方法见下方Tips),输入

  ①npm config set prefix “你的路径\node_global” (复制你刚刚创建的“node_global”文件夹路径)

npm config set prefix "D:\develop\Node.js\node_global"

    
    
      
      
      
      

 ②npm config set cache “你的路径\node_cache”  (复制你刚刚创建的“node_cache”文件夹路径)

npm config set cache "D:\develop\Node.js\node_cache"
    
    
      
      
      
      

Node.js下载安装及环境配置教程【超详细】_第12张图片

Tips: 使用管理员身份运行cmd的方法 :点击左下角【开始】菜单,在搜索区域输入“命令提示符”,然后点击【以管理员身份运行】

Node.js下载安装及环境配置教程【超详细】_第13张图片

===============或单击鼠标右键选择【以管理员身份运行】==========================

Node.js下载安装及环境配置教程【超详细】_第14张图片

 (3)配置环境变量

   ①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】

Node.js下载安装及环境配置教程【超详细】_第15张图片

② 在【系统变量】中点击【新建】

Node.js下载安装及环境配置教程【超详细】_第16张图片

 变量名:NODE_PATH

变量值:C:\Program Files\nodejs\node_global\node_modules

Node.js下载安装及环境配置教程【超详细】_第17张图片

然后你就会发现【node_global】里多出了一个【node_modules】文件夹

Node.js下载安装及环境配置教程【超详细】_第18张图片

Tips:  如果输入变量值之后没有自动创建【node_modules】文件夹,就在【node_global】下手动创建一个【node_modules】文件夹,再复制你创建的【node_modules】文件夹的路径地址到变量值

 ③编辑【用户变量】中的【Path】

Node.js下载安装及环境配置教程【超详细】_第19张图片

 ④将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定

 Node.js下载安装及环境配置教程【超详细】_第20张图片Node.js下载安装及环境配置教程【超详细】_第21张图片

 ⑤在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】,随后一直点击【确定】

 Node.js下载安装及环境配置教程【超详细】_第22张图片

 Node.js下载安装及环境配置教程【超详细】_第23张图片

 四、测试

  配置完成后,全局安装一个最常用的 express 模块进行测试

npm install express -g   // -g代表全局安装

    
    
      
      
      
      

出现以下界面即为配置成功

Node.js下载安装及环境配置教程【超详细】_第24张图片

 Tips:如果出现安装失败的话可能是你没有使用管理员身份运行cmd窗口,或者可以修改一下【node_global】和【node_cache]的权限

步骤: 鼠标右击【node_global】的文件夹,点击【属性】,再点击【安全】,再点击【编辑】,将权限都勾上,随即点击【确定】即可,【node_cache】步骤同理。

Node.js下载安装及环境配置教程【超详细】_第25张图片

五、安装淘宝镜像

①安装淘宝镜像

npm config set registry https://registry.npm.taobao.org

    
    
      
      
      
      

  查看是否成功:

npm config get registry

    
    
      
      
      
      

Node.js下载安装及环境配置教程【超详细】_第26张图片

  ②安装cnpm(按需安装)

  说明: npm是node官方的包管理器。cnpm是个中国版的npm,是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。

npm install -g cnpm --registry=https://registry.npmmirror.com

    
    
      
      
      
      

Node.js下载安装及环境配置教程【超详细】_第27张图片

查看是否安装成功

命令: cnpm -v

Node.js下载安装及环境配置教程【超详细】_第28张图片

附加:如果有出现问题的小伙伴们可以检查一下自己的配置有没有出错

①打开cmd敲以下命令检查

Node.js下载安装及环境配置教程【超详细】_第29张图片

 ②打开环境变量配置检查Node.js下载安装及环境配置教程【超详细】_第30张图片

 Node.js下载安装及环境配置教程【超详细】_第31张图片

 ③打开安装目录检查是否有以下文件夹

Node.js下载安装及环境配置教程【超详细】_第32张图片

····检查【node_global】里是否有【node_modules】文件夹

Node.js下载安装及环境配置教程【超详细】_第33张图片

····上面所安装的cnpm、express会出现在【node_global】下的【node_modules】文件夹里

Node.js下载安装及环境配置教程【超详细】_第34张图片

结尾

  希望对大家有所帮助!

文章知识点与官方知识档案匹配,可进一步学习相关知识
Vue入门技能树Node.js和npmNode安装与配置 36074 人正在系统学习中

你可能感兴趣的:(node.js)