首页 前端知识 nodejs详细安装步骤(保姆级教程)

nodejs详细安装步骤(保姆级教程)

2024-09-18 01:09:52 前端知识 前端哥 70 390 我要收藏

nodejs详细安装步骤

  • 前言
  • 下载
  • 安装
  • 检验安装
  • 环境配置(可选)
  • 配置环境变量
  • 测试环境配置
  • 更换镜像

前言

Node.js 是运行在服务端的 JavaScript,是一个基于Chrome JavaScript 运行时建立的一个平台。简单说,Node.js是JavaScript的运行环境(是运行环境,而不是JS框架),这使得JavaScript可以成为与Java,PHP,Python等语言一样,进行后台服务端的开发。

因为临时接到前端项目,(嵌入式表示很无语),所以需要配置node环境,由此记录下

下载

node官网下载链接: https://nodejs.org/en/

在这里插入图片描述

安装

默认安装位置是C:\Program Files\nodejs\,这里大家可以根据自己需求进行安装

此处我安装在F盘

剩下一路next安装就行

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

检验安装

打开cmd(win+r输入cmd打开)

node -v 查看node的版本

npm -v 查看npm的版本

看到相应版本即为安装成功
在这里插入图片描述

环境配置(可选)

为什么可选呢?在项目开发中涉及插件工具和缓存是默认存放在C盘的,如果不设置后期容易导致C盘占满。

在cmd命令框内输入

npm config get prefix 查看包的全局安装路径

npm config get cache 查看全局的缓存路径

在这里插入图片描述

在nodejs的安装目录下创建两个文件夹,node_cache和node_global,用于存放缓存和全局模块

在这里插入图片描述

在cmd命令框输入以下命令更改路径

npm config set cache “F:\software\nodejs\node_cache” 更改设置缓存

npm config set prefix “F:\software\nodejs\node_global” 更改设置全局模块

注意这里的路径替换你自己路径

在这里插入图片描述

配置环境变量

win11电脑打开设置,找到关于,点击高级系统设置

在这里插入图片描述

变量值为node_modules地址,即nodejs安装目录下的node_modules文件夹
在这里插入图片描述

在用户变量的Path中,找到如下变量,删除

在用户变量的Path中添加两条记录,一个是安装目录,一个是安装目录下node_global

F:\software\nodejs\node_global

F:\software\nodejs

在这里插入图片描述

在这里插入图片描述

测试环境配置

在cmd输入框中输入

npm install express -g

-g是全局安装的意思,不加 -g 就是默认下载到当前目录

在这里插入图片描述
在这里插入图片描述

出现如上结果即为成功!!!


部分同学可能会报错(网图)

在这里插入图片描述
这是由于权限的原因,右击Nodejs文件夹->属性->安全,点击编辑,将所有权限都✔即可

在这里插入图片描述

更换镜像

这里能境外旅游的同学我觉得就没必要换了

npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载,国内很慢,一般都会指向淘宝 https://registry.npm.taobao.org

更换淘宝镜像,在cmd命令框内输入

npm config set registry http://registry.npm.taobao.org/

查看是否更换成功,显示淘宝镜像即为成功

npm config get registry


这里按需安装两个工具

Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出发布的一款取代npm的包管理工具

pnpm 是一个速度快、磁盘空间大的软件包管理器。

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18349.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!