【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

相关推荐
c***V3232 小时前
Vue优化
前端·javascript·vue.js
李@十一₂⁰4 小时前
HTML 特殊字体符号
前端·html
小奶包他干奶奶6 小时前
Webpack学习——Loader(文件转换器)
前端·学习·webpack
zy happy7 小时前
若依 vue3 报错:找不到模块“@/api/xxxx/xxxxx”或其相应的类型声明。。Vue 3 can not find mod
前端·javascript·vue.js
潘小安7 小时前
Git Worktree + Claude Code:让你的开发效率翻倍的秘密武器
前端
meichaoWen7 小时前
【Vue3】vue3的全面学习(一)
前端·javascript·学习
小猪努力学前端8 小时前
在 React + React Router v7 SSR 项目里做多端适配,我踩的两个坑
前端·react.js
q***d1738 小时前
React桌面应用开发
前端·react.js·前端框架
8***29318 小时前
解决 Tomcat 跨域问题 - Tomcat 配置静态文件和 Java Web 服务(Spring MVC Springboot)同时允许跨域
java·前端·spring
0***148 小时前
React计算机视觉应用
前端·react.js·计算机视觉