使用npm發佈、查看、引用、刪除本身的包[小白推薦]

前言

 怎麼使用npm發佈本身的組件包呢？博主看了很多相關的文章，都沒有一個好的講述。要麼丟三落四，要麼就是複雜到外行人根本看不懂，甚至無從下手。因而，在博主的潛心鑽研下，終於成功了！因此，我打算寫一篇更爲實用的、簡潔但詳細的、面向小白的教程供你們參考！

前提準備

1.要求會安裝軟件；
2.要求能配置環境變量；
3.要求會使用CMD；
4.要求會打開網頁註冊帳號。

（只要你會以上技能，這裏均可以看懂）

步驟簡介

• [安裝NodeJS]
  • [下載安裝包]
  • [安裝軟件]
  • [測試]
  • [配置環境]
    • [配置環境變量]
    • [安裝npm全局模塊]
• [註冊npm帳號]
  • [打開npm官網]
  • [註冊帳號]
• [發佈本身的包]
  • [製做包]
  • [上傳包]
• [附錄]
  • [引用包]
  • [查看包]
  • [刪除包]

（從你須要開始的地方看）

詳細過程

安裝NodeJS

 下載安裝包

到Node官網下載NodeJS，官網地址:https://nodejs.org/en/download/
根據本身的須要下載適當的安裝包

 安裝軟件

1.雙擊NodeJS的Windows Installer 程序包文件；

2.點擊 Next;

3.先勾選 I accept the terms in the License Agreement再點擊 Next;

4.此處能夠根據我的需求修改安裝目錄(博主安裝目錄爲 E:\Nodejs),而後點擊 Next;

5.此處默認安裝相關組件，點擊 Next;

6.點擊 Next；

7.點擊 Install，等待安裝完成最後點擊 Finish。

 測試

1.組合鍵WIN+R，輸入「CMD」打開CMD窗口。輸入「node -v」後顯示當前NodeJS版本，說明安裝成功。輸入「npm -v」後顯示當前npm版本，說明自帶的npm已經安裝成功；

2.關閉CMD窗口。

簡單說明：新版的NodeJS已自帶npm，安裝NodeJS時會一塊兒安裝，npm的做用就是對Node.js依賴的包進行管理，也能夠理解爲用來安裝/卸載Node.js須要裝的東西。

 配置環境

說明：這裏的環境配置主要配置的是npm安裝的全局模塊所在的路徑，以及緩存cache的路徑 | 此處節省C盤空間會把模塊所有安裝到NodeJS的安裝根目錄下(博主爲：E:\Nodejs)。

配置環境變量

1.在根目錄下(博主爲：E:\Nodejs)新建文件夾：node_global和node_cache；

2.以管理員身份打開CMD窗口，輸入如下命令，沒有回覆便可!記得關閉窗口！
npm config set prefix "E:\Nodejs\node_global"
npm config set cache "E:\Nodejs\node_cache"；



3.個人電腦-右鍵菜單-屬性-高級系統設置-高級-環境變量；

4.在系統變量下新建：
|變量名(N):|NODE_PATH|
|變量值(V):|E:\Nodejs\node_global\node_modules|；

5.在用戶變量下的Path中，替換原來的值爲：E:\Nodejs\node_global。千萬別忘了點肯定；


6.配置完後，安裝個module測試下，咱們就安裝最經常使用的express模塊，以管理員身份打開CMD窗口。

安裝全局模塊

1.輸入以下命令進行模塊的全局安裝：npm install express -g（「-g」是全局安裝的意思）；

2.等待安裝完畢。

註冊npm帳號

打開官網

 https://www.npmjs.com/signup

註冊帳號

 本身按照提示註冊一個帳號，很簡單。博主就不細講了！

發佈本身的包

製做包

1.先建立一個文件夾，名字爲你的項目名。把你的項目所有移動到該文件夾下。而後以管理員身份運行CMD，並經過「cd+文件路徑」命令進入該文件夾(不會的能夠問度娘);

2.輸入「npm init」命令初始化當前項目信息，建議直接輸入「npm init -y」跳過此步，全部的設置默認！若是想改信息，直接在生的package.json 文件裏改就行了;

如下是部分參考信息:

{
  "name": "#####",             //包的名稱  
  "version": "1.0.0",        //版本號  
  "description": "僅供測試，別下載",    //包的描述  
  "main": "index.js",                    //文件入口，默認是index.js，可修改 
  "scripts": {  
    "test": "echo \"Error: no test specified\" && exit 1"    //測試命令，能夠不填直接回車  
  },  
  "keywords": [  
    "測試"                                        //項目關鍵詞，供搜索  
  ],  
  "author": "###",                            //做者名稱  
  "license": "ISC",                            //包遵循的開源協議，默認是ISC  
  "dependencies": {}  
}

3.配置完成後會出現「is this OK？(yes)」字樣，直接回車確認（若是你輸入的是「npm init -y」則會直接生成package.json文件，組件信息在該文件裏直接改就好了）。回車後回到文件夾，會多出來一個package.json，裏面就是剛纔填寫的信息。至此，一個最簡單的包已經作好了！

發佈包

1.使用npm login命令登陸本身註冊的npm帳戶；
2.輸入npm who is am i查看當前登陸的是誰，確保已經登陸；

3.最後，大膽的輸入命令npm publish並回車。當看到「+ 你的包名@包的版本」信息時，你就成功發佈了本身的npm包啦！

附錄

引用包

 要想調用本身的文件能夠按照如下格式來訪問 https://unpkg.com/包名(最外面那個文件夾的名字)+@+版本號/你要訪問的文件在根目錄下的相對路徑

 例如：我在更目錄文件夾名字是 test 裏面有一個 readme.txt 文件和一個 forTest 文件夾。在 forTest文件夾下還有一個文件名爲 README.txt。

 則readme.txt和README.txt的訪問連接爲：
https://unpkg.com/test@1.0.0/readme.txt
https://unpkg.com/test@1.0.0/forTest/README.txt

查看包

在登陸狀態下能夠使用一下命令實現查看包：

1.查看對應包的全部版本 npm view 包名 versions；

2.查看對應包的最新版本 npm view 包名 version；

3.查看對應包的全部版本及詳細信息 npm info 包名。

刪除包

想要刪除對應版本的包可以使用該命令：

npm unpublish 包名@版本

原創說明

做者：SeaFever 本文連接：https://www.cnblogs.com/seafever/p/12268128.html 轉載請註明出處！ 侵權必究！