如何在npm官網中上傳自己的包

1.npm官網是什麼？

是前端程式員的百寶箱，當你要實作某些業務邏輯但是自己又寫不出來的時候，就可以去這裡借鑒白嫖他人寫好的子產品（這裡附上官網連結位址：​​npm​​）

2.為什麼要上傳自己的包

原因有二：

（1）自己寫的包如果能被其他程式員用于開發項目，那将是一種榮耀。比如我們常用的vue和react也是npm中的一個包。

（2）提前搶占包名，萬一以後有個大佬想要你的包名，就可以找你買下來（雖然機率很小）

進入主題，如何上傳自己的包名呢？

步驟：

1.第一步，檢視npm官網中是否已有自己準備上傳的包名

指令：npm view 【你的npm包名】

注意這裡有一個坑：包名會在上傳的時候會轉換為小寫（此處我雖然找不到npmUpload,但是上傳時轉為了npmupload，又由于npm官網裡已經有了npmupload這個包了，是以之後我上傳時會報錯。寫下這篇文章的時候已經修改了包名卻忘記截圖了，特此補充解釋）

2.第二步，初始化項目

指令： npm init --yes

注意：你的項目檔案夾必須是英文，不然會報錯

3.第三步，将自己寫好的子產品放入該檔案夾

4.第四步，檢視目前npm源，確定目前的npm源是npmjs.org

指令：

（1）檢視目前源：npm config get registry

（2）切換為npm源：npm config set registry ​​https://registry.npmjs.org​​

（3）切換為淘寶鏡像：npm config set registry=​​https://registry.npm.taobao.org/​​

5.第五步，連接配接npm

指令：npm adduser

注意：

（1）在這之前，你得先去npm官網中注冊一個屬于自己的賬号才行

（2）如果之前連接配接過，這一步可以省略

6.第六步，檢視是否連接配接成功（出現你的賬号名表示成功）

指令：npm who am i

7.第七步，把包上傳到npm

指令：npm publish

恭喜你，到這一步的時候，你已經成功完成了 自己的包的上傳，你可以去npm官網裡找到自己剛剛上傳的包，或者在本地下載下傳自己的包了！

----------------------------------------------------------華麗的分割線---------------------------------------------------

下面介紹一下我上傳時遇到的bug：

錯誤原因：

（1）這個包名被别人先用了（由于不小心将包名設定成大寫造成的）。

（2）包的版本号不對：每次publish時，包的版本号都應該要大于之前的版本号。

（3）檔案過大。你可能需要建立.npmignore檔案來設定在打包時要忽略哪些檔案

.npmignore示例如下

.npmignore

/node_modules

npm-debug.log

/src

/examples

/build

【其它指令】

1.登出： npm logout

2.下載下傳包：npm install 包名

3.删除包：npm unpublish --force //強制删除