官(guan)方文(wen)檔寫的教(jiao)程(cheng)不夠詳細(xi)，根(gen)據查找到的成功方法重新整理出一個完整步驟

案例(li)是安(an)裝(zhuang)Vant Weapp 一(yi)個小程序的UI庫,參考(kao)網址(//youzan.github.io/vant-weapp/)

首先使用npm當然要安裝node.js，下面開(kai)始正(zheng)式步驟。

1.控制臺進入到小程序的目錄

2.進行項目的(de)初(chu)始化,成(cheng)功之后便會在小程(cheng)序目錄先(xian)生成(cheng)package.josn文件

1 npm init -f

-f表示(shi)force的意思，就是初始化全部按(an)照默認值，不(bu)加-f則需要填寫一些項目信息，因(yin)為只是做個試驗就加-f 省事。

執行結果：

3.安裝(zhuang)第三方依賴，這里是安裝(zhuang)Vant Weapp

1 npm i vant-weapp -S --production

執行結果：

 

 

 ;執行完成后(hou)會在小程序目錄下新建(jian)一個node_modules，會將vant-weapp的文(wen)件存(cun)放(fang)在這個文(wen)件夾下

4.在微(wei)信開發者(zhe)工具(ju)中勾選使用npm模塊

5.構(gou)建npm，在(zai)微(wei)信開發者工具中工具選項中點擊(ji)構(gou)建npm

 

 

 

 構建完成之后小程序目錄會多出一(yi)個下圖(tu)的文件夾(jia)，然(ran)后就可以直接引用里(li)面組件了

若在(zai)小(xiao)程序的云函數中使(shi)用npm，無(wu)需(xu)進(jin)行初(chu)始化，但是需(xu)要先安裝(zhuang)依(yi)賴

npm install --production

上傳的時候選(xuan)擇