【Node配置】Node.js安装以及配置(+npm配置)

最近下载了一些springboot+vue的项目,在配置时发现,需要Node.js环境来让JavaScript在服务端运行,下面将介绍Node.js安装以及配置,希望对你有所帮助


1.什么是Nodejs?

Node.js是用于构建Web应用程序的后端框架。它使用JavaScript运行时环境,让您可以在服务器端运行JavaScript代码。使用Node.js,您可以构建服务器端应用程序、API和其他Web应用程序。Node.js还包括许多内置模块,允许您在服务器端进行文件操作、网络通信和数据库操作等任务。

npm是一个包管理器,是一种命令行工具,可以帮助开发者安装和管理Node.js模块。


2.node.js的安装

官网链接:https://nodejs.org/

点击上方的DOWNLOAD

找到下面的All download options,点进去



注意,把文件解压的路径不要有中文,因为下面要为node.js配置path环境变量

在node.js文件中添加下面这两个文件夹


3.配置node.js的环境变量

具体步骤:

打开'此电脑'的系统属性

打开高级系统设置

点击环境变量


再强调一下,路径中不能有中文

找到Path变量,点击编辑


然后点击确定退出即可。

检验:

按win+r打开'运行窗口'

输入cmd进入命令提示符程序

输入node -v ,如果返回版本信息则说明配置成功

输入npm -v ,返回版本信息,这说明npm也是安装成功的


4.包管理器npm 的配置

配置一下 npm 的prefix路径

复制之前创建的node_global文件夹的路径(根据自己的安装路径来)

在命令提示符窗口中输入:

复制代码
npm config set prefix "D:\Javatools\node-v16.0.0-win-x64\node_global"

配置一下 npm 的cache路径

复制之前创建的node_cachel文件夹的路径

在命令提示符窗口中输入:(用自己的路径)

复制代码
npm config set cache "D:\Javatools\node-v16.0.0-win-x64\node_cache"

再配置一下 npm 的淘宝镜像

在命令提示符窗口中输入:

复制代码
npm config set registry http://registry.npm.taobao.org

如何查看prefix、cache、registry是否真的配置好了呢?

在命令提示符窗口中输入: (注意哦,这里l是字母,不要当成数字1了)

复制代码
npm config ls

全局安装cnpm

在命令提示符窗口中输入:

复制代码
npm install -g cnpm

回车,等待安装完成,如果安装失败,请检查淘宝镜像的路径是否正确

检查cnpm是否安装成功

在命令提示符窗口中输入:

复制代码
cnpm -v

回车

cnpm将被安装到node_global文件夹下

至此nodejs即npm的环境变量配置就完成了

参考链接:https://www.bilibili.com/video/BV19F411t7zX/?spm_id_from=333.337.search-card.all.click&vd_source=5d2933a45bf9ab95045e0ab78a3daf59

相关推荐
踩着两条虫1 小时前
如何评价VTJ.PRO?
前端·架构·ai编程
Mh2 小时前
鼠标跟随倾斜动效
前端·css·vue.js
小码哥_常3 小时前
Kotlin类型魔法:Any、Unit、Nothing 深度探秘
前端
Web极客码4 小时前
深入了解WordPress网站访客意图
服务器·前端·wordpress
幺风5 小时前
Claude Code 源码分析 — Tool/MCP/Skill 可扩展工具系统
前端·javascript·ai编程
vjmap5 小时前
唯杰地图CAD图层加高性能特效扩展包发布
前端·gis
ZC跨境爬虫5 小时前
3D 地球卫星轨道可视化平台开发 Day7(AI异步加速+卫星系列精简+AI Agent自动评论)
前端·人工智能·3d·html·json
ID_180079054735 小时前
淘宝 API 上货 / 商品搬家 业务场景实现 + JSON 返回示例
前端·javascript·json
M ? A5 小时前
Vue 动态组件在 React 中,VuReact 会如何实现?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
vipbic5 小时前
独立开发复盘:我用 Uni-app + Strapi v5 肝了一个“会上瘾”的打卡小程序
前端·微信小程序