【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

相关推荐
JosieBook19 分钟前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js
pusheng202522 分钟前
算力时代的隐形防线:数据中心氢气安全挑战与技术突破
前端·安全
起名时在学Aiifox32 分钟前
前端文件下载功能深度解析:从基础实现到企业级方案
前端·vue.js·typescript
2501_941877981 小时前
从配置热更新到运行时自适应的互联网工程语法演进与多语言实践随笔分享
开发语言·前端·python
云上凯歌2 小时前
01 ruoyi-vue-pro框架架构剖析
前端·vue.js·架构
华仔啊2 小时前
JavaScript 如何准确判断数据类型?5 种方法深度对比
前端·javascript
毕设十刻3 小时前
基于Vue的迅读网上书城22f4d(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
程序员小寒3 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
开发语言·前端·javascript·面试
爱健身的小刘同学3 小时前
Vue 3 + Leaflet 地图可视化
前端·javascript·vue.js
神秘的猪头4 小时前
Ajax 数据请求:从零开始掌握异步通信
前端·javascript