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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...