npm下载和使用(超详细)

npm下载和使用(超详细)NPM(NodePackageManager)简称为Node包管理工具安装(首先我们需要安装Node)Mac如果没有安装Node可以使用mac的包管理神器HomeBrew进行安装,首先下载HomeBrew,接下来在终端执行以下命令brewinstallnode也可以选择去官网下载pkg安装包,记得下载长期稳定版,即LTS版windows可以在官网中选择windows相对应的版本,同样下载稳定版本,一步点击安装即可使用当下载好Node后我们就可以使用n..

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

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

  1. NPM ( Node Package Manager)

    简称为Node包管理工具

    1. 安装(首先我们需要安装Node)
      • Mac

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

        brew install node
        

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

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

      • windows

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

    2. 使用

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

      • 检查Node版本

        npm --version
        npm -v
        

      在这里插入图片描述

      • 本地安装包

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

        npm install <package_name>
        
      • 全局安装包

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

        npm install <package_name> -g
        npm install <package_name> --global //两者均可
        
      • 检查

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

      • 更新

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

        npm update
        
      • 卸载

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

        npm uninstall <package>
        

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

        npm uninstall <package> --save 
        //如果我们要删除开发依赖包
        npm uninstall <package> --save-dev 
        

        ->全局包

        npm uninstall <package> -g
        
      • 查看包的版本

        npm view jquery versions
        npm install jquery@1 -S //安装开头为1的最新版本
        npm install jquery@1.11 -S //安装开头为1.11的最新版本
        npm install jquery -S //最新版本
        
      • 清除缓存

        npm cache clean --force
        
      • 查看更改镜像源

        //查看当前镜像源
        npm config get registry
         //更改镜像源
        npm config set registry https://registry.npmjs.org/
        
    3. Package.json文件

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

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

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

        npm init 
        npm init -y
        npm init --yes 默认值
        
      • package 版本号前面有一个 符号

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

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

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

    1. 安装

      -> Mac

      curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
      

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

      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文档

    2. 使用NVM
      • 查看使用说明

        nvm -h
        nvm --help 
        
      • 查看Node版本

        nvm ls
        
      • 切换Node版本

        nvm use 版本号
        
      • 设置默认Node版本

        nvm alias default 版本号
        
  3. NRM (Node Registry Manager)Node 镜像源 管理工具

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

    1. 下载

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

      npm i nrm -g
      

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

      nrm ls
      

      如图所示:

    在这里插入图片描述

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

    1. 切换
      nrm use npm
      nrm use taobao 
      nrm use yarn
      

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

    2. 测试

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

      nrm test 
      

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

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

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

(0)
上一篇 2025年7月10日 上午7:43
下一篇 2025年7月10日 上午8:15


相关推荐

  • python win32api教程_解放双手——python win32api 入门「建议收藏」

    python win32api教程_解放双手——python win32api 入门「建议收藏」#_*_coding:UTF-8_*_”’本文在原程序的基础上做了修改补充,更加清晰易懂。get_mouse_point():返回当前鼠标的值(x,y)mouse_move(x,y):移动鼠标mouse_click(x,y):单击mouse_dclick(x,y):双击put(str=”,flag=0):flag默认为0,则表示输入的字符串,为1:字符要表示的是快捷组合按键,快捷键要用空…

    2022年10月11日
    4
  • python ==和is_python中is是什么意思

    python ==和is_python中is是什么意思前置知识点当我们创建一个对象时,我们要知道它内部干了些什么1.创建了一个随机id,开辟了一片内存地址2.自动声明了这个对象的类型type3.给这个对象赋值value小例子a=1pri

    2022年7月29日
    11
  • LSTM模型结构讲解[通俗易懂]

    LSTM模型结构讲解[通俗易懂]人类并不是每时每刻都从一片空白的大脑开始他们的思考。在你阅读这篇文章时候,你都是基于自己已经拥有的对先前所见词的理解来推断当前词的真实含义。我们不会将所有的东西都全部丢弃,然后用空白的大脑进行思考。我们的思想拥有持久性。传统的神经网络并不能做到这点,看起来也像是一种巨大的弊端。例如,假设你希望对电影中的每个时间点的时间类型进行分类。传统的神经网络应该很难来处理这个问题——使用电影中先前的事件推…

    2025年10月22日
    8
  • 矩阵外积与内积

    矩阵外积与内积一个行向量乘以一个列向量称作向量的内积,又叫作点积,结果是一个数;一个列向量乘以一个行向量称作向量的外积,外积是一种特殊的克罗内克积,结果是一个矩阵,假设和b分别是一个行向量和一个列向量,那么内积、外积分别记作和,,为了讨论方便,假设每个向量的长度为2。注意:外积在不同的地方定义方式不太一样,这里不详细讨论定义了内积和外积以后,我们讨论矩阵的乘法。矩

    2025年8月7日
    3
  • Activiti工作流的详细介绍[通俗易懂]

    Activiti工作流的详细介绍[通俗易懂]一、了解工作流1、工作流(Workflow),就是“业务过程的部分或整体在计算机应用环境下的自动化”,它主要解决的是“使在多个参与者之间按照某种预定义的规则传递文档、信息或任务的过程自动进行,从而实现某个预期的业务目标,或者促使此目标的实现。2、工作流管理系统(WorkflowManagementSystem,WfMS)是一个软件系统,它完成工作量的定义和管理,并按照在系统中预先定义好的工作流逻辑进行工作流实例的执行。工作流管理系统不是企业的业务系统,而是为企业的业务系统的运行提供了一个软件的

    2022年10月6日
    4
  • websocket和http的区别

    websocket和http的区别一 WebSocket 是什么 WebSocket 是 HTML5 规范提出的一种协议 目前除了完犊子的 IE 浏览器 其他浏览器都基本支持 他是一种协议 万变不离其宗 也是基于 TCP 协议的 和 HTTP 协议是并存的两种协议 WebSocket 是 HTML5 中的协议 HTML5WebSock 规范定义了 WebSocketsAP 支持页面使用 WebSocket 协议与远程主机进行全双工的通信 它引入了 WebSocket 接口并且定义了一个全双工的通信通道 通过一个单一的套接字在 Web 上进行操作 HTML5We

    2026年3月19日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号