前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >npm下载和使用(超详细)

npm下载和使用(超详细)

作者头像
全栈程序员站长
发布2022-11-17 16:43:58
6.6K0
发布2022-11-17 16:43:58
举报
NPM ( Node Package Manager)

简称为Node包管理工具

安装(首先我们需要安装Node)

Mac

如果没有安装Node可以使用mac的包管理神器HomeBrew进行安装,首先下载HomeBrew,接下来在终端执行以下命令

代码语言:javascript
复制
brew install node

Jetbrains全家桶1年46,售后保障稳定

也可以选择去官网下载pkg安装包,记得下载长期稳定版,即LTS版

windows

可以在官网中选择windows相对应的版本,同样下载稳定版本,一步点击安装即可

使用

当下载好Node后我们就可以使用npm命令进行包的管理,接下来打开终端:

检查Node版本

代码语言:javascript
复制
npm --version
npm -v
在这里插入图片描述
在这里插入图片描述

本地安装包

如果你想让你的模块依赖某一个包,并且通过require加载进来那么你需要安装一个本地包,供你当前的项目依赖,又称作项目运行的依赖

代码语言:javascript
复制
npm install <package_name>

全局安装包

如果你想将安装的包,作为命令提示行的命令符,那你需要全局安装该包,比如说gulp工具

代码语言:javascript
复制
npm install <package_name> -g
npm install <package_name> --global //两者均可

检查

安装之后,在安装的根目录下会出现一个node_modules的文件夹,你面的bin目录下会存放你安装的本地包,假如我们安装了jquery那么node_modules下会出现一个jquery的文件夹,这就说明我们安装成功了

更新

在package.json所在的的根目录下执行

代码语言:javascript
复制
npm update

卸载

->本地包(删除node_modules下面安装的本地包)

代码语言:javascript
复制
npm uninstall <package>

如果我们需要将package.json记录的安装包版本信息一同删除的话,执行

代码语言:javascript
复制
npm uninstall <package> --save 
//如果我们要删除开发依赖包
npm uninstall <package> --save-dev 

->全局包

代码语言:javascript
复制
npm uninstall <package> -g

查看包的版本

代码语言:javascript
复制
npm view jquery versions
npm install jquery@1 -S //安装开头为1的最新版本
npm install jquery@1.11 -S //安装开头为1.11的最新版本
npm install jquery -S //最新版本

清除缓存

代码语言:javascript
复制
npm cache clean --force

查看更改镜像源

代码语言:javascript
复制
//查看当前镜像源
npm config get registry
 //更改镜像源
npm config set registry https://registry.npmjs.org/
Package.json文件

我们可以利用package.json文件管理记录本地安装包的信息,便于协作开发,当其他开发者拿到你的项目时只用执行 npm install 命令 ,就可以将各种包下载到本地,非常便利。

一个package文件必需含有两个部分:

  1. ‘name’: 可以小写,只有一个单词,没有空格,可以使用破折号和下划线
  2. ‘version’: 必须以X.X.X的形式填写版本号
代码语言:javascript
复制
{ 
         
  "name": "my-awesome-package",
  "version": "1.0.0"
}

创建一个package文件

代码语言:javascript
复制
npm init 
npm init -y
npm init --yes 默认值

package 版本号前面有一个 符号

  1. ^ 表示这个配置只锁定主版本号 告诉npm 只取得版本号是1 后面取得最新版本,不管后面写什么
  2. ~ 锁定主版本号 和 次版本号
  3. 没有符号 就是三位全部锁定 必须是这个版本
  4. ✳ 表示最新版本

详细请了解官网文档

NVM(Node Version Manager) Node版本管理工具

利用NVM我们可以实现Node版本的切换,因为不同的Node版本之间可能存在差异,我们进行项目开发可能会经常切换使用我们的Node版本,NVM可以运行在任何shell中。

安装

-> Mac

代码语言:javascript
复制
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

这个仓库会克隆到我们本地路径下的 .nvm文件夹中,安装之后我们需要配置环境变量,根据你使用的shell找到对应的资源文件(~/.bash_profile,~/.zshrc,~/.profile, or~/.bashrc),将以下配置添加到你的配置文件中

代码语言:javascript
复制
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

->windows

请见Githup文档

使用NVM

查看使用说明

代码语言:javascript
复制
nvm -h
nvm --help 

查看Node版本

代码语言:javascript
复制
nvm ls

切换Node版本

代码语言:javascript
复制
nvm use 版本号

设置默认Node版本

代码语言:javascript
复制
nvm alias default 版本号
NRM (Node Registry Manager)Node 镜像源 管理工具

npm默认下载的镜像源是国外的官方网站,这导致国内的下载速度过慢,为了解决下载速度过慢的问题,淘宝搭建了淘宝npm国内镜像服务器,每隔一段时间就会同步国外官网的包,所以极大的提高了我们的下载速率,提升了开发效率,我们可以使用淘宝的镜像服务器去下载我们所需要的包,当然不止淘宝,还有很多镜像源供我们选择,这就需要大家自己去学习了。

下载

我们可以直接用npm进行全局安装

代码语言:javascript
复制
npm i nrm -g

下载后执行以下命令,查看所有的源

代码语言:javascript
复制
nrm ls

如图所示:

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

我们可以查找到当前的镜像源

切换
代码语言:javascript
复制
nrm use npm
nrm use taobao 
nrm use yarn

切换后我们可以检查一下我们是否切换成功

测试

可以通过以下命令来测试我们的镜像源的响应时间

代码语言:javascript
复制
nrm test 

大功告成,可以开心的使用了_

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/219092.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022年10月28日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • NPM ( Node Package Manager)
    • 安装(首先我们需要安装Node)
      • 使用
        • Package.json文件
        • NVM(Node Version Manager) Node版本管理工具
          • 安装
            • 使用NVM
            • NRM (Node Registry Manager)Node 镜像源 管理工具
              • 下载
                • 切换
                  • 测试
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档