前端高階之Yarn使用

2021-10-02 23:06:16 字數 1853 閱讀 1386

npm install -g yarn

安裝完成後,通過列印版本號,驗證是否安裝成功:

yarn --version

初始化專案

建立乙個專案資料夾,進入到專案目錄執行下面命令:

yarn init

執行完成後,會在根目錄下生成乙個yarn-error.log檔案,如下圖:

新增依賴包

通過使用 yarn add [package-name]命令,來新增依賴包,以下面新增jquery包為例:

yarn add jquery

第一次新增成功後,根目錄會在多生成三個檔案,乙個node_modules資料夾(以後所有的依賴包都會預設放在這個裡面),乙個package.json檔案,裡面會自動生成你安裝的依賴包名稱以及版本號,還有乙個yarn.lock檔案:

檔案}批次新增包

一批次多個包新增,只需要下面乙個命令就ok了(以安裝bootstrap和vue為例):

yarn add bootstrap vue

這速度怎能用乙個快字形容,秒完成的事,這也是相對於npm,我更習慣yarn的一方面

更新指定版本的包檔案

在我們用到不同的包檔案時,有時候可能需要公升級或者降級版本號,所以這時候就用得上下面的操作命令,更新指定版本的包檔案:

#yarn upgrade package-name@版本號 #還是以jquery為例 yarn upgrade [email protected]

執行完成後,package.json檔案裡就會生成對應的包版本號

生成指定版本的包檔案

既然可以更新到指定版本的包檔案,那麼再生成的時候,我們就可以指定生成不同版本的包檔案,如下命令:

#yarn add package-name@版本號 yarn add [email protected]

將包更新到最新版本

只需要執行yarn upgrade --latest [package-name],就能生成最新版本的包檔案:

#yarn upgrade --latest [package-name] yarn upgrade --latest jquery

刪除包檔案

#yarn remove [package-name] yarn remove jquery

安裝專案的全部依賴

執行下面命令,就可以安裝所有的yarn下的包檔案:

yarn #或者 yarn install

yarn.lock (自動鎖定安裝包版本)

前面我們提到過,安裝第乙個包檔案後,根目錄會有乙個yarn.lock檔案生成。在npm 中有乙個名為 shrinkwrap 的特性,其目的是在生產環境中使用時鎖定包依賴。shrinkwrap 的挑戰是每個開發者都必須手動執行 npm shrinkwrap 生成 npm-shrinkwrap.json 檔案。

使用 yarn,則截然不同。在安裝過程中,會自動生成乙個 yarn.lock 檔案,yarn.lock 會記錄你安裝的所有大大小小的。有點類似 php 開發者們所熟悉的 composer.lock。yarn.lock 鎖定了安裝包的精確版本以及所有依賴項,只要你不刪除 yarn.lock 檔案,再次執行 yarn install 時,會根據其中記錄的版本號獲取所有依賴包。有了這個檔案,你可以確定專案團隊的每個成員都安裝了精確的軟體包版本,部署可以輕鬆地重現,且沒有意外的 bug。你可以把 yarn.lock 提交到本庫里,這樣其他簽出**並執行 yarn install 時,可以保證大家安裝的依賴都是完全一致的。

例如咱們上面安裝的jquery,bootstrap,vue會在yarn.lock中有記錄,如下圖:

根目錄下建立乙個yarn的資料夾,並將 package.json 和 yarn.lock檔案從 yarndemo資料夾中複製過來。

進入yarn

你,值得擁有!!!

前端高階之Angular

這段時間專案開發用到angular,深感js基礎不紮實導致的囫圇吞棗,為了高效的學習,記錄下一些經常用到的指令,服務。q file filereader file uploader ui select 通過 http 繫結外表來選擇 有乙個疑問 jquery angular s ui router ...

使用yarn 公升級node 安裝 Yarn

由於看雲對於免費使用者的限制愈發嚴苛,本文件已經遷移至語雀。本文件將不做維護。toc 安裝 yarn 什麼是 yarn yarn 對你的 來說是乙個包管理器,你可以通過它使用全世界開發者的 或者分享自己的 yarn 做這些快捷 安全 可靠,所以你不用擔心什麼。通過 yarn 你可以使用其他開發者針對...

使用 yarn 代替 npm 管理前端專案模組依賴

目錄 隱藏 yarn 使用實踐建議 相關參考 簡單來說,yarn 是乙個與 npm 功能相同的工具,用於前端專案的依賴管理。在使用 npm 的專案中,使用 npm 命令的地方都可以使用 yran 來代替。為什麼要使用 yarn 替代 npm 呢?yarn 相對 npm 來說,主要的特點有 確定性 預...