Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)

这篇具有很好参考价值的文章主要介绍了Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

本机环境:win11家庭中文版

一、官网下载

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 二、安装

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 三、查看nodejs及npm版本号

1、查看node版本号

node -v

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

2、查看NPM版本号(安装nodejs时已自动安装npm)

npm -v

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 四、配置npm全局下载工具包和缓存目录

1、查看安装目录

 在本目录下创建node_global和node_cache目录,以后通过npm安装的依赖工具包将会安装到node_global文件夹下,避免安装到默认的C盘下。

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 2、npm命令设置全局下载安装工具包和缓存的目录

npm config set prefix "D:\Nodejs\node-v18.16.0\node_global" //设置依赖工具包全局安装目录,通过npm下载的工具包都会下载到本文件夹下

npm config set cache "D:\Nodejs\node-v18.16.0\node_cache"  //设置缓存目录

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 3、将node_global和node_cacche写入到环境变量中。

3.1、在系统环境中新增一个NODE_HOME变量,值为nodejs安装的目录

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

3.2、在path里新增2条,将node_global和node_cacche这2个文件夹路径写入。

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 3.3、环境变量配置完成,将淘宝镜像设置为npm的源,否则在下载安装工具包时会特别慢(除非科学上网)

npm config set registry https://registry.npm.taobao.org  //npm设置淘宝镜像源

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

使用淘宝 NPM 镜像

由于国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npmmirror.com

这样就可以使用 cnpm 命令来安装模块了:

$ cnpm install [name]

3.4、查看npm配置列表Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 五、测试

1、查看node_global目录为空

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 

2、使用 npm 命令安装模块

npm 安装 Node.js 模块语法格式如下:

$ npm install <Module Name>

以下实例,我们使用 npm 命令安装常用的 Node.js web框架模块 express:

$ npm install express

安装好之后,express 包就放在了工程目录下的 node_modules 目录中,因此在代码中只需要通过 require('express') 的方式就好,无需指定第三方包路径。

var express = require('express');

全局安装与本地安装

npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如

npm install express          # 本地安装
npm install express -g   # 全局安装

如果出现以下错误:

npm err! Error: connect ECONNREFUSED 127.0.0.1:8087 

解决办法为:

$ npm config set proxy null

本地安装

  • 1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
  • 2. 可以通过 require() 来引入本地安装的包。

全局安装

  • 1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
  • 2. 可以直接在命令行里使用。

如果你希望具备两者功能,则需要在两个地方安装它或使用 npm link

接下来我们使用全局方式安装 express

$ npm install express -g

安装过程输出如下内容,第一行输出了模块的版本号及安装位置。

express@4.13.3 node_modules/express
├── escape-html@1.0.2
├── range-parser@1.0.2
├── merge-descriptors@1.0.0
├── array-flatten@1.1.1
├── cookie@0.1.3
├── utils-merge@1.0.0
├── parseurl@1.3.0
├── cookie-signature@1.0.6
├── methods@1.1.1
├── fresh@0.3.0
├── vary@1.0.1
├── path-to-regexp@0.1.7
├── content-type@1.0.1
├── etag@1.7.0
├── serve-static@1.10.0
├── content-disposition@0.5.0
├── depd@1.0.1
├── qs@4.0.0
├── finalhandler@0.4.0 (unpipe@1.0.0)
├── on-finished@2.3.0 (ee-first@1.1.1)
├── proxy-addr@1.0.8 (forwarded@0.1.0, ipaddr.js@1.0.1)
├── debug@2.2.0 (ms@0.7.1)
├── type-is@1.6.8 (media-typer@0.3.0, mime-types@2.1.6)
├── accepts@1.2.12 (negotiator@0.5.3, mime-types@2.1.6)
└── send@0.13.0 (destroy@1.0.3, statuses@1.2.1, ms@0.7.1, mime@1.3.4, http-errors@1.3.1)

查看安装信息

你可以使用以下命令来查看所有全局安装的模块:

$ npm list -g

├─┬ cnpm@4.3.2
│ ├── auto-correct@1.0.0
│ ├── bagpipe@0.3.5
│ ├── colors@1.1.2
│ ├─┬ commander@2.9.0
│ │ └── graceful-readlink@1.0.1
│ ├─┬ cross-spawn@0.2.9
│ │ └── lru-cache@2.7.3
……

如果要查看某个模块的版本号,可以使用命令如下:

$ npm list grunt

projectName@projectVersion /path/to/project/folder
└── grunt@0.4.1

使用 package.json

package.json 位于模块的目录下,用于定义包的属性。接下来让我们来看下 express 包的 package.json 文件,位于 node_modules/express/package.json 内容:

Package.json 属性说明
name - 包名。

version - 包的版本号。

description - 包的描述。

homepage - 包的官网 url 。

author - 包的作者姓名。

contributors - 包的其他贡献者姓名。

dependencies - 依赖包列表。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。

repository - 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上。

main - main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。

keywords - 关键字

3、全局安装常用模块express

npm install -g express  //全局安装express模块

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 npm常用命令:

npm -v:查看npm安装的版本。
npm init:会引导你建立一个package.json文件,包括名称、版本、作者等信息。
npm list:查看当前目录下已安装的node包。
npm ls:查看当前目录下已安装的node包。
npm install moduleNames:安装Node模块到本地目录node_modules下。
npm install < name > -g:将包安装到全局环境中。
npm install < name > --save:安装的同时,将信息写入package.json中,项目路径中若是有package.json文件时,直接使用npm install方法就能够根据dependencies配置安装全部的依赖包,这样代码提交到git时,就不用提交node_modules这个文件夹了。
npm install < name> --save-dev:安装的同时,将信息写入package.json中项目路径中若是有package.json文件时,直接使用npm install方法就能够根据devDependencies配置安装全部的依赖包,这样代码提交到git时,就不用提交node_modules这个文件夹了。
npm uninstall moudleName:卸载node模块。

六、全局安装angular-cli和vue-cli,这是我自己需要的2个前端开发框架

1、安装angular

npm  install -g  @angular/cli  //全局安装angular脚手架

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm

 2、安装vue

npm install -g @vue/cli   //全局安装vue脚手架vue -V     //查看vue版本

Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源),npm文章来源地址https://www.toymoban.com/news/detail-634574.html

到了这里,关于Nodejs安装及环境变量配置(修改全局安装依赖工具包和缓存文件夹及npm镜像源)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • nodejs修改npm全局安装位置后出现权限问题——超详细已解决

    当使用  npm  安装软件包时,可以执行两种安装类型:本地安装,全局安装 默认情况下,当输入  npm install  命令时,软件包会被安装到当前文件树中的  node_modules  子文件夹下。 使用  -g  标志可以执行全局安装:npm install -g xxx,一般默认装在c盘 C:UsersxxxAppDataRoamingnp

    2024年02月08日
    浏览(55)
  • 查询 npm/yarn 安装依赖的全局路径及路径修改

    1.查询 npm 安装依赖的全局路径 2. 修改 npm 全局安装位置 3. 修改 npm 全局 cache 位置 4. npm 修改后依赖安装 1. 查询 yarn 安装依赖的全局路径 2. 修改 yarn 全局 bin 位置 3. 修改 yarn 全局安装位置 4. 修改 yarn 全局 cache 位置 5. 修改 yarn 全局 link 位置 6.修改后依赖安装

    2024年02月13日
    浏览(47)
  • IIS部署vue前端过程(含IIS及相关配置和安装),部署遇到的问题及报错(承接vueconfig.js全局配置环境变量,跨域问题)

    目录 一.IIS使用安装。 二.部署准备工作 三.部署前端(以vue为主) 四.问题与报错 1.HTTP 错误 404.0 - Not Found(需重写路由入口) 2.请求调用不了(需要重写请求地址) 3.地址显示undefined 第一步,打开“ 控制面板 ”,点击“ 网络和Internet ”。 第二步,点击左侧“ 程序 ”,然后点击

    2024年02月08日
    浏览(68)
  • vue项目根据不同环境动态配置接口请求ip及全局变量(vue环境变量配置)

    在项目的开发过程中,我们常常会遇到根据不同的环境需要切换不同的ip的问题,例如在项目部署到测试服时需要将接口请求ip替换成测试服的ip,部署到正式服时又需要将接口请求ip替换成正式服对应的ip,有些公司还有预发环境等,这样在每次部署不同环境的项目前都需要先手

    2024年02月02日
    浏览(55)
  • postman接口测试之Postman配置环境变量和全局变量

    目录 前言 环境变量 全局变量  总结: 我们在测试的过程中,遇到最多的问题也可以是环境的问题了吧,今天开发用了这个测试环境,明天又换了另一个测试环境,这样对于我们测试非常的麻烦,特别最接口的时候需要来回的输入环境地址比较麻烦,今天我们看看强大的工具

    2024年02月07日
    浏览(56)
  • hadoop修改配置文件和环境变量

    在我们安装好hadoop之后,需要对其内部的一些配置文件进行修改,以满足特定的需求和环境,确保Hadoop集群的正常运行和数据的正确处理。 我们要修改的就是主要的自定义配置文件。 进入配置文件所在路径,它们位于 $HADOOP_HOME/etc/hadoop 这个路径下,在我这就是 /export/server

    2024年02月07日
    浏览(38)
  • 华为鸿蒙开发(HarmonyOs开发):超详细的:DevEco Studio 的安装和配置 、华为第三方包依赖:SDK软件包的安装、Nodejs的导入配置

    2023年11月28日20:00:00 ⚠️⚠️HarmonyOs 开发工具 ⚠️⚠️ ⚠️⚠️DevEco Studio 的安装和配置⚠️⚠️ ⚠️⚠️⚠️❤️❤️ 关注了解更多 一、打开鸿蒙开发工具官网 下面是安装DevEco Studio 的详细步骤:希望大家给个关注,祝大家:踏上HarmonyOs 之旅,步步高升! 下载地址:官

    2024年02月03日
    浏览(67)
  • windows10下安装和配置nodejs环境

    官方下载地址:下载最新LTS windows版本:  16.15.0  (includes npm 8.5.5)  Node.js ,如下图 安装可以更改安装路径(我的是默认地址 C:Program Files ) 其余的都是选择 下一步, 安装  测试是否安装 成功 打开开始菜单中输入cmd,打开cmd命令窗口,分别输入如下命令 node -v 查看node的版本 npm

    2023年04月26日
    浏览(48)
  • 缺少nodejs环境,请在设置中配置nodejs的安装路径 - uniapp

    运行到微信小程序内置环境 提示: 缺少nodejs环境,请在设置中配置nodejs的安装路径 解决办法:找到 工具 – 设置 – 运行配置 - node运行配置 ,运行终端类型:选择 内置 / 外部。 踩坑,留下足迹~

    2024年02月11日
    浏览(48)
  • Unity 全局变量的定义和修改

    2024年02月02日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包