1. 程式人生 > >npm 模塊開發調試技巧之最優方案npm link

npm 模塊開發調試技巧之最優方案npm link

項目目錄 感覺 發的 不想 調試技巧 方案 本地 npm 切換

在我們平時寫項目中,當我們需要新開發或修改的 npm 模塊時,如何在本地項目中調試呢?

本地項目路徑:G:\npm\project

開發的模塊路徑:G:\npm\model

方法一:

在cmd命令窗口cd切換到當前項目中

技術分享圖片

這時候在你的project裏就已經把你開發的npm模塊給復制過來了

技術分享圖片

當你不想要時

技術分享圖片

這種方式調試,你每次開發的模塊更新都得install一下,會有點麻煩

方法二:

你可以直接發布到npm上,然後再安裝到本地------這樣感覺更麻煩了

方法三:npm link

也是最優的方法

如果你開發的npm模塊和項目在同一個目錄下,直接執行下面命令

技術分享圖片

如果不在同一個目錄下,先去到模塊目錄,把他link到全局,如下↓

技術分享圖片

這時候在c盤的如下目錄下就會出現一個model的快捷方式

技術分享圖片

這時候再切換到項目目錄下

執行: npm link model

技術分享圖片

這時候在你項目的node_modules裏就會出現model的快捷方式

技術分享圖片

這時候你修改了model原文件裏內容時,你在項目裏調試時也會跟著變

這樣是不是很方便,一勞永逸,當你測試完所有功能就可以放心發布了

npm 模塊開發調試技巧之最優方案npm link