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
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...