Nodejs安装及配置

Nodejs的安装及配置详细教程

本文更新于2020-12-2,如果时间太久已失效,请留言
本教程使用虚拟机全新环境进行演示,如未安装过Nodejs几乎100%安装配置成功,如未成功,请洗脸重试~

下载Nodejs

  1. 进入Nodejs官网https://nodejs.org/zh-cn/ 选择下载最新版,也可以选择稳定的版本,个人喜欢用新的

    下载最新版

安装Nodejs

  1. 双击下载的安装包

    双击进行安装

  2. 点击Next,开始进入安装

    点击Next

  3. 勾选 I accept the terms in the License Agreement,然后点击Next

    勾选同意,再点击Next

  4. 点击Change更改安装路径

    更改安装路径

  5. 选择D盘,并为Nodejs创建一个新的文件夹,然后点击OK

    养成良好的安装习惯,便于以后清理磁盘,和查找文件,C盘用于win10系统和系统自带软件以及必须放置在C盘的软件及文件使用,D盘用于安装软件,每次在D盘安装软件时,为软件在D盘下创建一个新的文件夹,并命名为软件名,E盘用于存放文件、视频、下载资源

    选择D盘,创建新文件夹

  6. 点击Next

    点击Next

  7. 不用进行选择,默认就好,继续点击Next

    继续点击Next

  8. 不用勾选安装工具,继续点击Next

    继续点击Next

  9. 点击Install开始进行安装

    点击Install

  10. 等待几分钟后,安装完成,点击Finish关闭,恭喜你已经安装好Nodejs

    点击Finish

检查Nodejs和npm包管理器是否安装成功

  1. 打开cmd控制台记住一定要以管理员身份运行!!!

    在这里插入图片描述

  2. 命令行输入node -v查看nodejs的版本号,控制台输出版本号,说明安装成功

    如果提示 ‘node’不是内部或外部命令,也不是可运行的程序或批处理文件,要么安装出了问题,要么环境变量出了问题

    检查node

  3. 命令行输入npm -v查看npm的版本号,控制台输出版本号,说明包管理器也没有问题

    如果也未出现错误,到此Nodejs已经安装成功,可以正常使用了

    检查npm

Nodejs环境变量配置

Nodejs默认模块安装路径和缓存路径均在C盘(C:\Users\你的用户名(Administrator)\AppData\Roaming\npm和C:\Users\你的用户名(Administrator)\AppData\Local\npm-cache)

你可以打开cmd控制台使用npm config get prefixnpm config get cache命令来查看当前使用的路径

查看模块安装路径和缓存路径

修改模块安装和缓存路径

  1. 在Nodejs安装目录下新建一个文件夹,并命名为node_cache

    进入安装目录,新建node_cache文件夹

  2. 使用命令修改config配置,首先打开cmd控制台

    • 使用命令修改模块安装路径

    注意:请将路径换成你自己的Nodejs安装目录路径,不要怀疑,就是Nodejs的安装目录!!!

    npm config set prefix "D:\NodeJS"
    

    设置模块安装路径

    • 使用命令修改缓存路径

    注意:请将路径换成你自己的node_cache文件夹路径

    npm config set cache "D:\NodeJS\node_cache"
    

    设置缓存路径

    • 最后你可以使用npm config get prefixnpm config get cache命令查看一下是否配置成功

    更改成功

配置环境变量

  1. 右击桌面或文件资源管理器左侧的此电脑,选择属性进入系统界面

    打开此电脑属性

  2. 点击高级系统设置,进入系统属性界面

    点击高级系统设置

  3. 点击环境变量,进入环境变量界面

    点击环境变量

  4. 双击上方用户变量Path

    双击用户变量的Path

  5. 找到Nodejs默认的配置路径,然后单击选中它,再点击删除,然后点击确定,返回到环境变量界面

    这个配置路径是安装Nodejs时,自动生成的,如果没有可以不用管,有的话一定要删除!

    删除默认配置

  6. 点击下方系统变量新建,然后输入变量名NODE_PATH,变量值为node_modules文件的路径,最后点击确定

    注意:变量名必须是NODE_PATH!!! node_modules文件在Nodejs安装目录下,这个是安装时自己生成的

    新建NODE_PATH变量

  7. 你可以在环境变量界面看见系统变量多了一条NODE_PATH,然后点击确定,返回系统属性界面

    点击确定

  8. 再次点击确定,恭喜你环境变量已经配置好了

    点击确定

检查配置是否成功

  1. 打开Nodejs安装目录下的node_modules文件夹,可以看见里面只有一个npm文件

    查看node_modules文件夹

  2. 打开Nodejs安装目录下的node_cache文件夹,可以看见它多了几个文件,如果没有也不用管它,版本不一样,可能结果不一样

    查看node_cache文件夹

  3. 打开cmd控制台,全局安装一个vue模块进行测试

  • 使用命令安装vue

    npm install vue -g
    

    注意:一定要加上-g,这是全局安装的意思,如果不加是局部安装,会安装在cmd控制台当前运行的目录下

    测试安装vue模块

  • 此时可以看见node_modules文件夹下多了一个vue文件夹

    查看vue安装位置

  • 回到cmd控制台,进入node交互界面,再输入require(“vue”)

    node
    require("vue")
    

    获取模块成功,配置完成,现在Nodejs的模块安装及缓存已经到D盘下了,并且能够找到模块!
    注意:配置环境变量后,需要重新打开一下cmd控制台;退出node交互界面,使用.exit命令或者Ctrl+C

    检查配置

更改npm的镜像以及安装cnpm

因为npm的原镜像是在国外,使用起来可能会很慢,所以需要更改到国内的淘宝镜像

  1. 更换 npm的源

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

    查看命令为npm config get registry

    更换npm的源

  2. 安装cnpm包管理器

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    安装cnpm

  3. 再次使用命令更改cnpm的安装路径和缓存路径

    注意:请将路径更换成自己的路径

    cnpm config set prefix "D:\NodeJS"
    

    修改cnpm的安装位置

    cnpm config set cache "D:\NodeJS\node_cache"
    

    修改cnpm缓存位置

大功告成,现在你可以放心的使用Nodejs了,注意以后使用npm命令时,请替换为cnpm ,如npm install vue -g换成cnpm install vue -g,建议最好不要混用npmcnpm ,当然一般情况下你混用也没什么问题。。。。。。

最后:强迫症患者请使用cnpm uninstall vue -g来删除vue模块,并删除Nodejs安装时默认在C盘生成的npm文件夹(C:\Users\你的用户名(Administrator)\AppData\Roaming\npm)

文章作者: 悲鸣
文章链接: https://blog.accepted.fun/2020/11/30/Nodejs安装及配置/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 AC不是说说而已!

  • 156
    点赞
  • 399
    收藏
    觉得还不错? 一键收藏
  • 96
    评论
评论 96
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值