小程序模板網(wǎng)

微信小程序使用npm安裝第三方包

發(fā)布時(shí)間:2021-07-01 08:55 所屬欄目:小程序開發(fā)教程

官方文檔寫的教程不夠詳細(xì),根據(jù)查找到的成功方法重新整理出一個(gè)完整步驟

案例是安裝Vant Weapp 一個(gè)小程序的UI庫,參考網(wǎng)址(https://youzan.github.io/vant-weapp/)

首先使用npm當(dāng)然要安裝node.js,下面開始正式步驟。

1.控制臺(tái)進(jìn)入到小程序的目錄

2.進(jìn)行項(xiàng)目的初始化,成功之后便會(huì)在小程序目錄先生成package.josn文件

1 npm init -f

-f表示force的意思,就是初始化全部按照默認(rèn)值,不加-f則需要填寫一些項(xiàng)目信息,因?yàn)橹皇亲鰝€(gè)試驗(yàn)就加-f 省事。

執(zhí)行結(jié)果:

3.安裝第三方依賴,這里是安裝Vant Weapp

1 npm i vant-weapp -S --production

執(zhí)行結(jié)果:

 

 

 執(zhí)行完成后會(huì)在小程序目錄下新建一個(gè)node_modules,會(huì)將vant-weapp的文件存放在這個(gè)文件夾下

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

5.構(gòu)建npm,在微信開發(fā)者工具中工具選項(xiàng)中點(diǎn)擊構(gòu)建npm

 

 

 

 構(gòu)建完成之后小程序目錄會(huì)多出一個(gè)下圖的文件夾,然后就可以直接引用里面組件了

若在小程序的云函數(shù)中使用npm,無需進(jìn)行初始化,但是需要先安裝依賴

npm install --production

上傳的時(shí)候選擇


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/26869.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢