概述
在開發當中經常有一種現象，重復代碼寫了N多遍，再次寫同樣的邏輯就再次翻查以前的代碼邏輯。效率低下且容易出錯，封裝一個npm包的價值也不僅僅是給別人用，封裝一套屬于自己或者本部門的npm包也是相當有必要。
也許經常看到一個項目的根目錄之下有package.json這個文件，很多人可能曾經疑惑這個文件的作用是什么。除了配置打包命令之外，devDependencies和dependencies區別是什么。并且這些包是怎么發布到公用的網絡之上，而我們僅需一條npm包命令就可以安裝到本地。
大綱
本文是系列文章， 作者一個橙子pro，本系列文章大綱如下。轉載或者商業修改必須注明文章出處
一、申請npm賬號、個人包和組織包區別
二、了解 package.json 相關配置
三、 了解 tsconfig.json 相關配置
四、 api-extractor 學習
五、npm包制作完整教程，我的第一個npm包
初識npm網站，學習個人包和組織包
注冊npm賬號
https://www.npmjs.com/
輸入網站地址可直接看到這個網站，如果還沒有見過這個網站，那也是非常不合格的前端工程師了。對于前端工作人員來說，它絕對是我們的衣食父母。中間搜索框，就是搜索npm包的地方，找不到插件的時候，在這里搜一下比百度好使。
點擊右上角Sign Up是注冊按鈕，Sign In是登錄，點擊注冊按鈕。
填寫完成，點擊Create an Account注冊完成，直接登錄。有時需要郵箱驗證，登錄完成先驗證郵箱了。
登錄完成之后頁面不一樣了，左邊部分展示最新流行的包，中間是探索部分，右側則是這個網站的數據。一周幾百億的下載量，確實養活不少人，足以見到本站的強大。我們平時輸入npm命令的時候，也對這個數字做出了貢獻。
普通包和組織包
點擊網站右上角的圖像
再點擊Packages，這個頁面就是將來要上傳包的地方了。
在這個頁面，這兩部分比較重要，剛進入的時候左側顯示的包就是普通安裝包了，組織安裝包則顯示在左下角的地方。由于我這里是個老賬號，如果沒有發布過安裝包，那么這塊就是一片空白了。
對于普通的npm包而言，在發布的時候不需要進行任何操作，對于組織包而言，發布的時候就得進行額外操作了。
這里簡單介紹下組織的創建過程
點擊Organizations旁邊的加號按鈕
輸入組織名直接點擊創建就可以了，如果你錢多也可以點擊Buy按鈕。
到這里也許還有個疑問，一般的npm 包和組織npm包的區別在哪里，組織包一般會以@v3p/類似的符號開頭，而一般的npm包則沒有這種。
我們看一個我們常見的項目當中package.json文件，如下所示，@vue它就是一個組織了。
除了這里的區別，組織包在node_modules下的體現也是不同的。
像圖中這樣，@vue所有的安裝包，都放在同一個組織文件下面。而一般的包則是直接平鋪在文件夾之下。
)
