【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

相关推荐
天才熊猫君37 分钟前
配置与数据分离:一种可视化搭建的属性编辑方案
前端·javascript
林希_Rachel_傻希希1 小时前
web性能之相关路径——AI总结
前端·javascript·面试
竹林8181 小时前
用 wagmi v2 踩坑两天,我终于搞懂了多链钱包切换在 DeFi 前端中的正确姿势
前端·javascript
用户2136610035721 小时前
Vue项目搜索功能与面包屑导航
前端·javascript
星栈1 小时前
LiveView 的实时通信,爽是爽,但 PubSub 和广播也最容易把自己绕晕
前端·前端框架·elixir
用户2930750976691 小时前
告别关键词匹配,拥抱向量语义 —— RAG 搜索从零到一
前端
独孤留白1 小时前
从C到Rust:告别 C 的"指针 + 长度"手动模式
前端·rust
掘金安东尼2 小时前
中小厂前端候选人简历面试拆解:从 HR 面、技术面到主管面的双赢提问法
前端·面试
天平11 小时前
油猴脚本创建webworker踩坑记录
前端·javascript·typescript