Windows10安装配置Node.js
Win10安装配置Node.js
⽬录
⼀、前⾔
重装系统后根据⽹上的教程重新安装Nodejs,有了⾃⼰的理解。记录整个过程,减少以后再次安装时查阅资料的⿇烦 。
操作环境:Windows 10专业版,版本号21H2,操作系统内部版本19044.1526
⼆、内容
1.下载Nodejs
前往下载即可,这⾥依旧选择了64位免安装版。(演⽰时所⽤软件包已在⽂章最后给出)
注:优先下载LTS(Long Term Support,长期⽀持)版本,更为稳定。
2.解压⾄合适位置
此处依然是将其移动到D盘下的App⽬录中。
3.新建⽂件夹
在软件的根⽬录下新建⼀个⽂件夹node_cache,⽤于存放npm的缓存⽂件(这些⽂件默认存放在系统盘下的⽤户⽂件夹内)。
4.设置环境变量
1. 将nodejs的根⽬录加⼊到系统变量path中。
2. 新建⼀个系统变量NODE_PATH,值为nodejs根⽬录\node_modules。
注:NODE_PATH为nodejs默认加载的模块路径,详细介绍可参考⽂章。
最后的环境变量设置情况:
5.检验Nodejs和npm的安装情况
在cmd下运⾏如下命令
node -v  #查看nodejs版本
npm -v  #查看npm版本
若正确输出版本信息,说明环境变量设置正确。
6.修改配置
注:在cmd内执⾏ npm config ls -l 命令可查看npm的默认配置
从上图中可以看出,npm的默认cache⽬录为C:\Users\hsy\AppData\Local\npm-cache,如下图所⽰。
npm默认缓存在系统分区,故对其进⾏修改。以管理员⾝份运⾏cmd命令⾏程序,执⾏如下命令即可。
npm config set cache=nodejs安装⽬录\node_cache  #注意cache和路径之间直接⽤“=”相连,⽆空格
注:以管理员⾝份运⾏cmd
1. Win+Q唤出搜索框,输⼊cmd。
2. 选择以管理员⾝份运⾏
注:npm模块包的两种安装⽅式
本地安装
默认安装在当前路径的node_modules⽂件夹内,可在cmd下运⾏ npm root 命令查看安装路径。
全局安装
安装在统⼀的路径中(默认为nodejs配置的prefix⽬录下的node_modules⽂件夹)
在cmd下运⾏ npm config get prefix 命令可获取prefix的值;在cmd下运⾏ npm root -g 命令可查看全局安装路径。
7.检查配置情况
1. 初始情况:nodejs仅全局安装了corepack和npm两个模块。
2. 测试本地安装
在D盘根⽬录新建⼀个⽂件夹,命名为test。
进⼊该⽬录,在cmd下运⾏命令 npm install express 安装⼀个express模块,最终效果如下:
代码运行js特效
3. 测试全局安装
任意⽬录下进⼊cmd,运⾏命令 npm install express -g ,最终效果如下:
4. 测试全局安装模块的效果
从检验效果来看,nodejs和npm的配置基本上成功了。
8.其他
1. 删除模块
删除全局模块: npm uninstall -g 模块名,效果如下:
删除本地模块: npm uninstall 模块名,效果如下:
2. 加速下载
npm默认去国外镜像站下载所需模块,速度可能不理想。将下载源修改为国内镜像(如阿⾥的镜像),可加快下载速度,改善体验。
#临时使⽤
npm install 模块名 --registry=registry.
#永久使⽤,将如下命令执⾏⼀次即可
npm config set registry=registry.
效果如下:
临时使⽤
永久使⽤
三、总结
此次安装和配置nodejs时,没有完全根据⽹上的教程去安装和配置。⾃⼰还是喜欢解压配置后就能⽤的版本,这样更⽅便 。⽹上的教程都说要新建node_global和node_cache两个⽂件夹,然后修改对应的npm配置,并修改环境变量。但⾃⼰在操作的时候,出于⾃⼰的理解,只建了⼀个⽂件夹,然后环境变量的设置也有不同。尽管这样,但最后是可以正常使⽤的。⾃⼰这次探索学到了不少内容,增进了对nodejs的认识,同时⾃⼰独特的配置⽅式也⽅便了以后⾃⼰的使⽤ 。
附录:
参考链接:
操作时全局安装webpack-cli模块后,会出现使⽤ npm ls -g 命令查看已安装的全局模块时不显⽰webpack-cli的问题,但是
不影响webpack-cli在cmd下的命令使⽤。
有关这个问题,可参考⽂章。以后如果使⽤中遇到问题,再来修改 。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。