日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

npm下载和使用(超详细)

發布時間:2023/12/10 编程问答 40 豆豆
生活随笔 收集整理的這篇文章主要介紹了 npm下载和使用(超详细) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
  • NPM ( Node Package Manager)

    簡稱為Node包管理工具

  • 安裝(首先我們需要安裝Node)
    • Mac

      如果沒有安裝Node可以使用mac的包管理神器HomeBrew進行安裝,首先下載HomeBrew,接下來在終端執行以下命令

      brew install node

      也可以選擇去官網下載pkg安裝包,記得下載長期穩定版,即LTS版

    • windows

      可以在官網中選擇windows相對應的版本,同樣下載穩定版本,一步點擊安裝即可

  • 使用

    當下載好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/
  • Package.json文件

    我們可以利用package.json文件管理記錄本地安裝包的信息,便于協作開發,當其他開發者拿到你的項目時只用執行 npm install 命令 ,就可以將各種包下載到本地,非常便利。

    • 一個package文件必需含有兩個部分:

    • ‘name’: 可以小寫,只有一個單詞,沒有空格,可以使用破折號和下劃線
    • ‘version’: 必須以X.X.X的形式填寫版本號
    • {"name": "my-awesome-package","version": "1.0.0" }
    • 創建一個package文件

      npm init npm init -y npm init --yes 默認值
    • package 版本號前面有一個 符號

    • ^ 表示這個配置只鎖定主版本號 告訴npm 只取得版本號是1 后面取得最新版本,不管后面寫什么
    • ~ 鎖定主版本號 和 次版本號
    • 沒有符號 就是三位全部鎖定 必須是這個版本
    • ? 表示最新版本
    • 詳細請了解官網文檔

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

    利用NVM我們可以實現Node版本的切換,因為不同的Node版本之間可能存在差異,我們進行項目開發可能會經常切換使用我們的Node版本,NVM可以運行在任何shell中。

  • 安裝

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

  • 使用NVM
    • 查看使用說明

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

      nvm ls
    • 切換Node版本

      nvm use 版本號
    • 設置默認Node版本

      nvm alias default 版本號
  • NRM (Node Registry Manager)Node 鏡像源 管理工具

    npm默認下載的鏡像源是國外的官方網站,這導致國內的下載速度過慢,為了解決下載速度過慢的問題,淘寶搭建了淘寶npm國內鏡像服務器,每隔一段時間就會同步國外官網的包,所以極大的提高了我們的下載速率,提升了開發效率,我們可以使用淘寶的鏡像服務器去下載我們所需要的包,當然不止淘寶,還有很多鏡像源供我們選擇,這就需要大家自己去學習了。

  • 下載

    我們可以直接用npm進行全局安裝

    npm i nrm -g

    下載后執行以下命令,查看所有的源

    nrm ls

    如圖所示:

  • 我們可以查找到當前的鏡像源

  • 切換
    nrm use npm nrm use taobao nrm use yarn

    切換后我們可以檢查一下我們是否切換成功

  • 測試

    可以通過以下命令來測試我們的鏡像源的響應時間

    nrm test

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

  • 總結

    以上是生活随笔為你收集整理的npm下载和使用(超详细)的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。