国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

微信小程序使用 npm 包,舉例圖文詳解

這篇具有很好參考價(jià)值的文章主要介紹了微信小程序使用 npm 包,舉例圖文詳解。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

使用 npm 包前提條件:

下載安裝,配置npm環(huán)境變量,不懂得可以上網(wǎng)查教程,本文不再描述

小程序使用 npm 包簡述

1、初始化 package.json

2、勾選允許使用 npm(新版微信小程序開發(fā)工具忽略這一步)

3、下載 npm 包

4、構(gòu)建 npm

不清楚的可以往下看詳解

小程序使用 npm 包詳解

1、初始化 package.json

在小程序開發(fā)工具"終端"輸入:

npm init -y

執(zhí)行命令成功后自動(dòng)生成的package.json如下圖所示:

微信小程序使用 npm 包,舉例圖文詳解

2、勾選允許使用 npm (新版開發(fā)工具忽略此步驟,沒有“使用npm模塊”,默認(rèn)可用npm下載)

?微信小程序使用 npm 包,舉例圖文詳解

?3、下載 npm 包

需求:使用PubSubJS完成兩個(gè)小程序界面的通訊,PubSubJS在github上的鏈接如下:

GitHub - mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript

用npm下載PubSubJS的命令如下:

npm install pubsub-js

結(jié)果:下載成功后如下圖所示

微信小程序使用 npm 包,舉例圖文詳解

?問題:出現(xiàn)報(bào)錯(cuò)日志如下圖所示

微信小程序使用 npm 包,舉例圖文詳解

解決方法:?往下看下一步(構(gòu)建 npm)

4、構(gòu)建 npm

狀態(tài)欄? —>? 工具? —>? 構(gòu)建npm?

微信小程序使用 npm 包,舉例圖文詳解

執(zhí)行成功后,報(bào)錯(cuò)消失,同時(shí)會(huì)將 node_modules 中的包打包到 miniprogram_npm 中,效果如下圖所示

微信小程序使用 npm 包,舉例圖文詳解文章來源地址http://www.zghlxwxcb.cn/news/detail-405557.html

到了這里,關(guān)于微信小程序使用 npm 包,舉例圖文詳解的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序中使用 npm 包

    微信小程序中使用 npm 包

    在微信小程序中使用npm包,需要進(jìn)行以下步驟: 確保你的小程序開發(fā)工具的版本號(hào)高于v1.02.1808300,因?yàn)檫@個(gè)版本之后的小程序開發(fā)工具已經(jīng)支持使用npm包。 小程序根目錄下執(zhí)行npm init,然后一直回車,會(huì)在根目錄下生成package.json文件。 終端切換到小程序根目錄,使用npm in

    2024年02月11日
    瀏覽(15)
  • 微信小程序中miniprogram_npm文件夾怎么生成的(詳解)

    微信小程序中miniprogram_npm文件夾怎么生成的(詳解)

    在小程序種引入vant組件,并沒有找到目錄中有 miniprogram_npm 文件夾,導(dǎo)致vant沒有引入成功, vant引入一半, 嘗試, 先構(gòu)建npm,再繼續(xù)引入vant 果然構(gòu)建npm后, miniprogram_npm 文件夾就生成了,vant也引入成功了 在小程序項(xiàng)目中, miniprogram_npm目錄 是通過使用 npm install 命令來生成

    2024年04月11日
    瀏覽(30)
  • 【uniapp】微信小程序,取視頻第一幀,前提是 圖片是在 阿里云的oss上

    【uniapp】微信小程序,取視頻第一幀,前提是 圖片是在 阿里云的oss上

    上傳視頻等,默認(rèn)為黑色,無法用視頻的第一幀作為封面,以及視頻的video為原生組件,層級(jí)很高無法覆蓋問題,雖然有cover-view,但很多場景還是不靈活 自己服務(wù)器是不支持的 ,可以用canvas截圖 方法 ,將 圖片組件image 替換成 視頻video 組件 視頻組件video 重點(diǎn) 將video組件更換

    2024年02月08日
    瀏覽(40)
  • 微信小程序使用 npm 安裝第三方包

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

    微信小程序支持使用 npm 安裝第三方包。 在小程序根目錄下執(zhí)行 npm install 第三方包名 安裝 npm 包。 點(diǎn)擊開發(fā)者工具中的菜單欄: 工具 -- 構(gòu)建 npm 完成構(gòu)建。 就可以使用 npm 包了。

    2024年02月11日
    瀏覽(92)
  • 微信小程序在使用vant組件庫時(shí)構(gòu)建npm報(bào)錯(cuò)

    微信小程序在使用vant組件庫時(shí)構(gòu)建npm報(bào)錯(cuò)

    在跟著vant官方進(jìn)行使用步驟一步步操作時(shí),由于要構(gòu)建NPM,但NPM包在App配置文件的外部 所以在做下圖這一步時(shí): 接著再進(jìn)行npm構(gòu)建時(shí)會(huì)報(bào)錯(cuò) 解決方法 :修改

    2024年02月13日
    瀏覽(94)
  • 【微信小程序】-- 使用 npm 包 - API Promise化(四十二)

    【微信小程序】-- 使用 npm 包 - API Promise化(四十二)

    ?? 所屬專欄:【微信小程序開發(fā)教程】 ?? 作??者:我是夜闌的狗?? ?? 個(gè)人簡介:一個(gè)正在努力學(xué)技術(shù)的CV工程師,專注基礎(chǔ)和實(shí)戰(zhàn)分享 ,歡迎咨詢! ?? 歡迎大家:這里是CSDN,我總結(jié)知識(shí)的地方,喜歡的話請三連,有問題請私信 ?? ?? ?? ??大家好,又見面了,

    2023年04月09日
    瀏覽(16)
  • 微信小程序vant安裝使用過程中遇到無法構(gòu)建npm的問題

    官網(wǎng)地址,然而如果完全按照這個(gè)教程來,實(shí)際上是缺少步驟的,需要補(bǔ)充一些步驟(參考https://www.bilibili.com/video/BV1vL41127Er)

    2024年02月03日
    瀏覽(25)
  • 微信小程序日歷插件用法-舉例為(爸媽搜日歷)

    微信小程序日歷插件用法-舉例為(爸媽搜日歷)

    一、添加插件 在小程序管理后臺(tái)添加插件。 小程序管理后臺(tái)地址:https://mp.weixin.qq.com/ 設(shè)置第三方設(shè)置插件管理 添加插件,可以直接搜索名稱(爸媽搜日歷)或者AppID(wx23a9cef3522e4f7c) 二、在小程序app.json文件中引入插件聲明 三、在需要使用插件的小程序頁面的JSON配置文件中,增

    2024年02月10日
    瀏覽(21)
  • 如何在微信小程序里面使用npm安裝第三方插件(以安裝vant ui為例)

    如何在微信小程序里面使用npm安裝第三方插件(以安裝vant ui為例)

    1.在cmd里或者是終端里,找到對(duì)應(yīng)的項(xiàng)目,并執(zhí)行下面的命令,用來初始化package.json文件。 2.勾選下圖選項(xiàng) 3.執(zhí)行下面的命令安裝vant ui 然后你會(huì)發(fā)現(xiàn)多了一個(gè)node_modules文件, 里面存的就是第三方組件。 4.最后一步,每次安裝完一個(gè)新的第三方插件都要執(zhí)行“構(gòu)建npm” 執(zhí)行完

    2024年02月14日
    瀏覽(89)
  • 微信小程序文本組件text使用詳解-微信小程序系統(tǒng)學(xué)習(xí)攻略?

    微信小程序文本組件text使用詳解-微信小程序系統(tǒng)學(xué)習(xí)攻略?

    也許你迷茫,但是我想說,在你迷茫的同時(shí),保持本心,過好今天就好。 在微信小程序中,組件 text 用來顯示文本,基本使用代碼如下: 1 基本樣式設(shè)置 基本使用還是比較簡單的,下面咱們來論述一下文本樣式的設(shè)置,首先是給他設(shè)置一個(gè) class 然后在對(duì)應(yīng)的 wxss 文件中編寫

    2023年04月13日
    瀏覽(92)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包