<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          yarn的安裝和使用

          2021-9-7    前端達人

          yarn的簡介:

          Yarn是facebook發布的一款取代npm的包管理工具。


          yarn的特點:

          • 速度超快。
            • Yarn 緩存了每個下載過的包,所以再次使用時無需重復下載。 同時利用并行下載以最大化資源利用率,因此安裝速度更快。
          • 超級安全。
            • 在執行代碼之前,Yarn 會通過算法校驗每個安裝包的完整性。
          • 超級可靠。
            • 使用詳細、簡潔的鎖文件格式和明確的安裝算法,Yarn 能夠保證在不同系統上無差異的工作。

          yarn的安裝:

          1. 下載node.js,使用npm安裝
            npm install -g yarn
            查看版本:yarn --version
          2. 安裝node.js,下載yarn的安裝程序:
            提供一個.msi文件,在運行時將引導您在Windows上安裝Yarn
          3. Yarn 淘寶源安裝,分別復制粘貼以下代碼行到黑窗口運行即可
            yarn config set registry https://registry.npm.taobao.org -g
            yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

          yarn的常用命令:

          • 安裝yarn

            • npm install -g yarn
          • 安裝成功后,查看版本號:

            • yarn --version
          • 創建文件夾 yarn

            • md yarn
          • 進入yarn文件夾

            • cd yarn
          • 初始化項目

            • yarn init // 同npm init,執行輸入信息后,會生成package.json文件
          • yarn的配置項:

            • yarn config list // 顯示所有配置項
            • yarn config get <key> //顯示某配置項
            • yarn config delete <key> //刪除某配置項
            • yarn config set <key> <value> [-g|--global] //設置配置項
          • 安裝包:

            • yarn install //安裝package.json里所有包,并將包及它的所有依賴項保存進yarn.lock
            • yarn install --flat //安裝一個包的單一版本
            • yarn install --force //強制重新下載所有包
            • yarn install --production //只安裝dependencies里的包
            • yarn install --no-lockfile //不讀取或生成yarn.lock
            • yarn install --pure-lockfile //不生成yarn.lock
          • 添加包(會更新package.json和yarn.lock):

            • yarn add [package] // 在當前的項目中添加一個依賴包,會自動更新到package.json和yarn.lock文件中
            • yarn add [package]@[version] // 安裝指定版本,這里指的是主要版本,如果需要精確到小版本,使用-E參數
            • yarn add [package]@[tag] // 安裝某個tag(比如beta,next或者latest)

            //不指定依賴類型默認安裝到dependencies里,你也可以指定依賴類型:

            • yarn add --dev/-D // 加到 devDependencies
            • yarn add --peer/-P // 加到 peerDependencies
            • yarn add --optional/-O // 加到 optionalDependencies

            //默認安裝包的主要版本里的最新版本,下面兩個命令可以指定版本:

            • yarn add --exact/-E // 安裝包的精確版本。例如yarn add foo@1.2.3會接受1.9.1版,但是yarn add foo@1.2.3 --exact只會接受1.2.3版
            • yarn add --tilde/-T // 安裝包的次要版本里的最新版。例如yarn add foo@1.2.3 --tilde會接受1.2.9,但不接受1.3.0
          • 發布包

            • yarn publish
          • 移除一個包

            • yarn remove <packageName>:移除一個包,會自動更新package.json和yarn.lock
          • 更新一個依賴

            • yarn upgrade 用于更新包到基于規范范圍的最新版本
          • 運行腳本

            • yarn run 用來執行在 package.json 中 scripts 屬性下定義的腳本
          • 顯示某個包的信息

            • yarn info <packageName> 可以用來查看某個模塊的最新版本信息
          • 緩存

            • yarn cache
              • yarn cache list # 列出已緩存的每個包 yarn cache dir # 返回 全局緩存位置 yarn cache clean # 清除緩存

          npm 與 yarn命令比較:

          這里寫圖片描述


          npm 與 yarn相關問題比較:

          npm模塊的依賴:
          • npm存在一些歷史遺留問題,請看下圖:
            這里寫圖片描述

          比如說你的項目模塊依賴是圖中描述的,@1.2.1代表這個模塊的版本。在你安裝A的時候需要安裝依賴C和D,很多依賴不會指定版本號,默認會安裝最新的版本,這樣就會出現問題:比如今天安裝模塊的時候C和D是某一個版本,而當以后C、D更新的時候,再次安裝模塊就會安裝C和D的最新版本,如果新的版本無法兼容你的項目,你的程序可能就會出BUG,甚至無法運行。這就是npm的弊端,而yarn為了解決這個問題推出了yarn.lock的機制,這是作者項目中的yarn.lock文件。

          yarn.lock文件格式:

          這里寫圖片描述

          大家會看到,這個文件已經把依賴模塊的版本號全部鎖定,當你執行yarn install的時候,yarn會讀取這個文件獲得依賴的版本號,然后依照這個版本號去安裝對應的依賴模塊,這樣依賴就會被鎖定,以后再也不用擔心版本號的問題了。其他人或者其他環境下使用的時候,把這個yarn.lock拷貝到相應的環境項目下再安裝即可。
          注意:這個文件不要手動修改它,當你使用一些操作如yarn add時,yarn會自動更新yarn.lock。

          使用yrm工具管理一些npm源

          安裝

          • yarn global add yrm

          查看可用源

          • yrm ls

          選擇源

          • yrm use yarn

          快速刪除node_modules

          手動刪除真的很慢:

          • 安裝: npm install rimraf -g
          • 使用:rimraf node_modules

          rimraf是node的一個包,可以快速刪除node_modules,再也不用等半天了


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
          來源:csdn

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合