npm 筆記

来源:https://www.cnblogs.com/risejl/archive/2022/09/30/16743759.html
-Advertisement-
Play Games

vue組件中最常見的數據傳遞就是父子組件之間的傳遞,父組件可以通過 props 向下傳數據給子組件,子組件可以通過 $emit 事件攜帶數據給父組件。然而當兩個頁面沒有任關係,該如何通信?這就引出了 EventBus ( 事件匯流排 ) 這個概念 初始化 方法一:新建文件 首先需要初始化一個 Even ...


NPM

npm stands for "Node Package Manager"

包管理器可以把庫,框架作為 Nodejs 模塊引入。

package.json

package.json 文件是所有 Node.js 項目和 npm 包的樞紐,它存儲項目的相關信息。 它由單個 JSON 對象組成,並以鍵值對的形式存儲項目信息, 且至少包含兩個必填欄位:“name”和“version”——但是最好提供有關項目的其他信息,這將對用戶或者維護者有所幫助。

添加作者 Author

在這個文件中最常見的信息之一是 author 欄位, 它說明瞭項目的創建者,它可以是字元串,也可以是帶有聯繫人詳細信息的對象。 對於較大的項目,建議使用對象;比如下麵的例子:

"author": "Mitchell"

註意: 正在修改的是一個 JSON,所有的欄位名必須用雙引號(")包裹,也必須用逗號(,)分割。

添加描述 Description

一個完整的 package.json 文件的下一部分就是 description 欄位——簡短精悍的的項目描述。

如果計劃將來把這個包發佈到 npm,請註意 description 欄位的作用是告知用戶這個包的用途,這樣用戶就可以決定是否要安裝。 然而,這並不是使用描述的唯一場景:它也是一種很好的總結項目的方式, 可以幫助其它開發者、維護者甚至自己在未來快速地瞭解項目,對於任何一個 Node.js 項目來說都非常重要。

無論項目計劃是什麼,都建議使用描述。 類似這樣:

"description": "A project that does something awesome

添加關鍵字 Keywords

keywords 欄位中可以使用相關的關鍵字描述項目。 下麵是一個示例:

"keywords": [ "descriptive", "related", "words" ],

這個欄位的結構是一個由雙引號字元串組成的數組。

添加許可證 License

給 package.json 添加許可證

license 欄位將告知用戶允許他們拿這個項目乾什麼。

開源項目常見的協議有 MIT 和 BSD 等。 許可證信息並不是必須的。 大多數國家的版權法會預設開發者擁有自己創作的作品的所有權。 但是,明確說明用戶可以做什麼和不能做什麼會是一個很好的做法。 這裡有一個 license 欄位的例子:

"license": "MIT",

添加版本號 Version

version 是 package.json 文件中必填欄位之一, 這個欄位描述了當前項目的版本, 下麵是一個示例:

"version": "1.2.0",

使用外部包(依賴) Dependencies

強大的依賴管理特性是使用包管理器的重要原因之一。 每當在新的電腦上開始一個項目時,無需手動,npm 會自動安裝所有的依賴項。 但是 npm 如何準確地知道項目需要哪些依賴呢? 來看看 package.json 文件中 dependencies 這一部分。在這部分,需要按照下麵這種格式來存儲依賴包:

"dependencies": {
 "package-name": "version",
 "express": "4.14.0"
}

通過語義化來管理 npm 依賴 Semantic

在 package.json 文件的依賴項中,npm 包的 Versions 遵循語義化版本(SemVer,Semantic Versioning),它是一種旨在使管理依賴項更加容易的軟體版本控制的行業標準。 在 npm 上發佈的庫、框架或其它工具都應該使用語義化版本,以便讓用戶清晰地知道如果項目升級將帶來哪些改變。在使用外部依賴項(大多數情況都是這樣)進行軟體開發時,瞭解語義化版本會很有用。 這些數字保存著項目的偶然發生的破壞性改變,不會讓人對項目昨天還正常,今天卻無法運行而百思不解。 根據官網,這是語義化版本的工作方式:

"package": "MAJOR.MINOR.PATCH"

當做了不相容的 API 修改,應該增加主版本號(MAJOR); 當新增了向下相容的新功能時,應該增加次版本號(MINOR); 當修複了向下相容的 bug 時,應該增加修訂號(PATCH)。 這意味著修訂號是用來修複錯誤的,次版本號則是添加了新功能,但它們都沒有破壞之前的功能。 主版本號(MAJOR)是添加了不相容早期版本的更改。

使用波浪號維持依賴項的最新修訂號 Tilde-Character

如果想讓項目各個部分保持相互相容,鎖定依賴包版本是一個行之有效的辦法。 但是大多數情況下,並不希望錯過依賴項的問題修複,因為它們通常包含重要的安全補丁,而且它們理論上也會相容我們既有的代碼。

可以在依賴項的版本號前加一個波浪號(~),以讓 npm 依賴項更新到最新的修訂版。 這裡有一個允許升級到任何 1.3.x 的例子:

"package": "~1.3.8"

用脫字元(^)來使用依賴項的最新次要版本 Caret-Character

和上一個挑戰中我們學到的用波浪號來安裝最新的修訂版依賴一樣,脫字元(^)也允許 npm 來安裝功能更新。 它們的不同之處在於:脫字元允許次版本和修訂版更新。

現在項目中的 moment 依賴包的版本應該是“~2.10.2”,這意味著 npm 可以安裝最新的 2.10.x 版的 moment, 如果使用脫字元(^)來替換版本號的首碼,那麼 npm 可以將 moment 升級安裝到任何 2.x.x 的版本。

"package": "^1.3.8"

這會將依賴包更新到任意的 1.x.x 版本。

刪除依賴

直接刪除鍵值對即可,註意逗號的數量

 
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 首發微信公眾號:SQL資料庫運維 原文鏈接:https://mp.weixin.qq.com/s?__biz=MzI1NTQyNzg3MQ==&mid=2247485212&idx=1&sn=450e9e94fa709b5eeff0de371c62072b&chksm=ea37536cdd40da7 ...
  • 現如今,手機錄屏是必不可少的能力之一。對於游戲領域作者來說,在平時直播玩游戲、製作攻略、操作集錦時,不方便切屏,這時在游戲內如果有一個錄製按鈕就可以隨時開啟,記錄下每個精彩瞬間,減少後期剪輯工作量;在直播App中開啟一鍵錄屏,不光方便主播後續的賬號運營與復盤,用戶也能隨時截取有意思的片段傳播在社交媒 ...
  • #背景 webpack構建過程中的hooks都有什麼呢?除了在網上看一些文章,還可以通過更直接的辦法,結合官方文檔快速讓你進入webpack的hook世界 寫一個入口文件 //index.js const webpack = require("webpack"); const path = requ ...
  • 語言基礎-變數 前言 從本篇博客開始 博主個人認為重要的知識點都會在在行前添加 ⭐ 來進行標識 變數 ECMASCRIPT變數是鬆散類型,意思是變數可以用於保存任何類型的數據。ECMASCRIPT中有三個關鍵字可以來聲明變數:var、let和const。 值得註意的是let和const只能在ES6以 ...
  • React Or Taro 項目配置Eslint校驗 一、下載Eslint相關deps依賴項; npm install --save-dev eslint-plugin-prettier eslint-plugin-jsx-a11y eslint-config-airbnb 註意:由於eslint- ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 一.需求來源 今天碰到了一個需求,需要在頁面里,用水平瀑布流的方式,將一些圖片進行載入,這讓我突然想起我很久以前寫的一篇文章《JS兩種方式實現水平瀑布流佈局》 但是有個問題,這個需求是Vue項目的,那沒辦法,這裡給大家分享下我的開發過程, ...
  • 一、常見的圖片格式 BMP 是無損的、既支持索引色也支持直接色的點陣圖。這種圖片格式幾乎沒有對數據進行壓縮,所以BMP格式的圖片通常是較大的文件。 GIF 是無損的、採用索引色的點陣圖。採用LZW壓縮演算法進行編碼。文件小,是GIF格式的優點,同時,GIF格式還具有支持動畫以及透明的優點。但是GIF格 ...
  • 效果 之前: 之後 Code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <div class="rect"> <img src="https: ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...