在公司開發(fā)項(xiàng)目時，在不同的項(xiàng)目中很容易遇到可以共用的組件或可以共用的函數(shù)方法。而我們通常的做法是將項(xiàng)目中可以共用的組件和函數(shù)方法從A項(xiàng)目拷貝到B項(xiàng)目、C項(xiàng)目、D項(xiàng)目...。這種方式不僅繁瑣，后期還難以維護(hù)。這個時候我們就需要將可以共用的組件和函數(shù)方法抽離到npm依賴包中，在需要用到這些組件和函數(shù)方法的項(xiàng)目中通過npm直接安裝即可，后期若有修改，可以直接更新npm依賴包，這樣更加方便多項(xiàng)目維護(hù)。
注意：本篇文章只介紹最簡單的“創(chuàng)建—發(fā)布—使用” 三個簡單流程

步驟一：創(chuàng)建 npm 賬號

1、注冊自己的npm賬號

1-1.png

2、注冊成功后可以查看一下自己的packages和賬號中的其他信息

1-2.png

3、在桌面創(chuàng)建一個文件夾《npm-test》

4、在《npm-test》中創(chuàng)建一個index.js文件

5、在 index.js 文件中加入以下代碼

export function hello(name) {
    console.log(name);
}

**6、在《npm-test》的根目錄中執(zhí)行以下命令創(chuàng)建 package.json **

npm init

執(zhí)行 npm init 后按要求依次輸入對應(yīng)信息，package.json file

步驟二：發(fā)布 npm 包

1、執(zhí)行以下命令進(jìn)行登錄操作

npm adduser

注意：在執(zhí)行 npm adduser 時可能會報錯，報錯原因可能是設(shè)置過淘寶鏡像的問題

2-1.png

npm config set registry https://registry.npmjs.org

2、執(zhí)行以下命令進(jìn)行發(fā)布操作

npm publish

注意：在執(zhí)行 npm publish 時可能會報錯，報錯原因可能是package.json 中name的命名已經(jīng)被別人發(fā)布過了吧，所以修改package.json文件中的name后再次執(zhí)行npm publish

2-2.png

3、進(jìn)入步驟一中注冊得到npm賬號中，查看一下自己的packages，查看一下剛剛發(fā)布的npm依賴包是否已經(jīng)存在

2-3.png

步驟三：測試使用npm依賴包

3-1.png

參考網(wǎng)址：
https://docs.npmjs.com/about-npm

http://www.itdecent.cn/p/3470b666ec48?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

https://blog.csdn.net/sendudu/article/details/111179263