下载Nodejs
-
进入Nodejs官网https://nodejs.org/zh-cn/ 选择下载最新版,也可以选择稳定的版本,个人喜欢用新的
安装Nodejs
-
双击下载的安装包
-
点击
Next
,开始进入安装 -
勾选
I accept the terms in the License Agreement
,然后点击Next
-
点击
Change
更改安装路径 -
选择
D
盘,并为Nodejs创建一个新的文件夹
,然后点击OK
养成良好的安装习惯,便于以后清理磁盘,和查找文件,C盘用于win10系统和系统自带软件以及必须放置在C盘的软件及文件使用,D盘用于安装软件,每次在D盘安装软件时,为软件在D盘下创建一个新的文件夹,并命名为软件名,E盘用于存放文件、视频、下载资源
-
点击
Next
-
不用进行选择,默认就好,继续点击
Next
-
不用勾选安装工具,继续点击
Next
-
点击
Install
开始进行安装 -
等待几分钟后,安装完成,点击
Finish
关闭,恭喜你已经安装好Nodejs
检查Nodejs和npm包管理器是否安装成功
-
打开
cmd控制台
-
命令行输入
node -v
查看nodejs的版本号,控制台输出版本号,说明安装成功如果提示‘node’不是内部或外部命令,也不是可运行的程序或批处理文件,要么安装出了问题,要么环境变量出了问题
-
命令行输入
npm -v
查看npm的版本号,控制台输出版本号,说明包管理器也没有问题如果也未出现错误,到此Nodejs已经安装成功,可以正常使用了
Nodejs环境变量配置
Nodejs默认模块安装路径和缓存路径均在C盘(C:\Users\你的用户名(Administrator)\AppData\Roaming\npm和C:\Users\你的用户名(Administrator)\AppData\Local\npm-cache)
你可以打开
cmd控制台
使用npm config get prefix
和npm config get cache
命令来查看当前使用的路径
修改模块安装和缓存路径
-
在Nodejs安装目录下新建一个文件夹,并命名为
node_cache
-
使用命令修改
config
配置,首先打开cmd控制台
-
使用命令修改模块安装路径
注意:请将路径换成你自己的
Nodejs安装目录
路径,不要怀疑,就是Nodejs的安装目录!!!npm config set prefix "D:\NodeJS"
-
使用命令修改缓存路径
注意:请将路径换成你自己的
node_cache
文件夹路径npm config set cache "D:\NodeJS\node_cache"
-
最后你可以使用
npm config get prefix
和npm config get cache
命令查看一下是否配置成功
-
配置环境变量
-
右击桌面或文件资源管理器左侧的
此电脑
,选择属性
进入系统界面
-
点击
高级系统设置
,进入系统属性界面
-
点击
环境变量
,进入环境变量界面
-
双击上方
用户变量
的Path
-
找到Nodejs默认的配置路径,然后单击
选中
它,再点击删除
,然后点击确定
,返回到环境变量界面
这个配置路径是安装Nodejs时,自动生成的,如果没有可以不用管,有的话一定要删除!
-
点击下方
系统变量
的新建
,然后输入变量名NODE_PATH
,变量值为node_modules文件
的路径,最后点击确定
注意:变量名必须是
NODE_PATH
!!!node_modules文件
在Nodejs安装目录下,这个是安装时自己生成的 -
你可以在
环境变量界面
看见系统变量
多了一条NODE_PATH
,然后点击确定
,返回系统属性界面
-
再次点击
确定
,恭喜你环境变量已经配置好了
检查配置是否成功
-
打开Nodejs安装目录下的
node_modules文件夹
,可以看见里面只有一个npm文件
-
打开Nodejs安装目录下的
node_cache文件夹
,可以看见它多了几个文件 -
打开
cmd控制台
,全局安装一个vue
模块进行测试-
使用命令安装
vue
npm install vue -g
注意:一定要加上
-g
,这是全局安装的意思,如果不加是局部安装,会安装在cmd控制台
当前运行的目录下 -
此时可以看见
node_modules文件夹
下多了一个vue文件夹
-
回到
cmd控制台
,进入node交互界面
,再输入require("vue")
获取模块成功,配置完成,现在Nodejs的模块安装及缓存已经到D盘下了,并且能够找到模块!
注意:配置环境变量后,需要重新打开一下cmd控制台
,退出node交互界面
,使用.exit
命令或者Ctrl+C
-
更改npm的镜像以及安装cnpm
因为npm的原镜像是在国外,使用起来可能会很慢,所以需要更改到国内的淘宝镜像
-
更换 npm的源
npm config set registry https://registry.npm.taobao.org
查看命令为
npm config get registry
-
安装cnpm包管理器
npm install -g cnpm --registry=https://registry.npm.taobao.org
-
再次使用命令更改
cnpm
的安装路径和缓存路径注意:请将路径更换成自己的路径
cnpm config set prefix "D:\NodeJS"
cnpm config set cache "D:\NodeJS\node_cache"
大功告成,现在你可以放心的使用Nodejs了,注意以后使用
npm
命令时,请替换为cnpm
,如npm install vue -g
换成cnpm install vue -g
,建议最好不要混用npm
和cnpm
,当然一般情况下你混用也没什么问题。。。。。。
最后:强迫症患者请使用
cnpm uninstall vue -g
来删除vue
模块,并删除Nodejs安装时默认在C盘生成的npm文件夹
(C:\Users\你的用户名(Administrator)\AppData\Roaming\npm)
文章作者: 悲鸣
文章链接: https://blog.accepted.fun/2020/11/30/Nodejs%E5%AE%89%E8%A3%85%E5%8F%8A%E9%85%8D%E7%BD%AE/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 AC不是说说而已!