淺談HBuilderX開發(fā)小程序的一些問題
第一步：你要有一個(gè)微信小程序，在微信開發(fā)者平臺(tái)上
至于怎樣申請(qǐng)微信開發(fā)者appid和微信開發(fā)者平臺(tái)上面的東西可以自己去百度下，重點(diǎn)講的是在HBuilderX開發(fā)小程序
第二步：在你的微信開發(fā)者工具里面新建一個(gè)小程序
第三步：把你新建好的項(xiàng)目導(dǎo)入到HBuilderX里面去
然后點(diǎn)擊運(yùn)行--運(yùn)行到小程序模擬器，就可以自動(dòng)打開微信開發(fā)者工具，就可以實(shí)現(xiàn)在Hbuilder開發(fā)，微信開發(fā)者工具預(yù)覽。但是?。?！如果一切正常的情況下是這樣的，如果不正常的話，那你將很難受，好在我已經(jīng)填了許多坑，我就把不正常的情況給大家說下。
首先，如果你已經(jīng)導(dǎo)入了項(xiàng)目到hbuilderx里面，但是點(diǎn)擊運(yùn)行時(shí)，運(yùn)行到小程序那一行是不可點(diǎn)或者點(diǎn)了之后控制臺(tái)報(bào)不能連接到微信開發(fā)者工具，這時(shí)候你就要打開自己的微信開發(fā)者工具了，如圖下操作
在微信開發(fā)者工具的上方 點(diǎn)擊設(shè)置--安全設(shè)置
ok,這時(shí)候你就可以在hbuilderx開發(fā)，微信開發(fā)者工具里預(yù)覽了。但是如果你沒有申請(qǐng)到appid的話在微信開發(fā)者里面只能pc端預(yù)覽，而不能手機(jī)掃碼預(yù)覽，因?yàn)樗鼤?huì)提示你本項(xiàng)目不是開發(fā)者開發(fā)。
還有一個(gè)問題是引用vant庫(kù)時(shí)的報(bào)錯(cuò)
當(dāng)我按照所有流程來時(shí)
第一步：npm i vant-weapp -S --production
第二步：
第三步：就是在你的代碼里寫下
<van-button type="primary">按鈕</van-button>
這時(shí)候你運(yùn)行的時(shí)候他就開始調(diào)皮了
這個(gè)問題我在度娘還愣是沒找到完全的解決方案
這時(shí)候就又要回到微信開發(fā)者工具了 點(diǎn)擊設(shè)施--項(xiàng)目設(shè)置
然后再hbuilderx里面打開該項(xiàng)目的命令行工具輸入以下命令
npm init npm install --production vant-weapp
這時(shí)候你再回到hbuilderX里面你會(huì)發(fā)現(xiàn)多了一個(gè)文件
然后再在你要用到的文件json里面寫下路徑
{
"usingComponents": {
"van-button": "vant-weapp/button/index"
}
}到此這篇關(guān)于淺談HBuilderX開發(fā)小程序的一些問題的文章就介紹到這了,更多相關(guān)HBuilderX開發(fā)小程序內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Javascript中Microtask和Macrotask鮮為人知的知識(shí)點(diǎn)
這篇文章主要為大家介紹了Javascript中Microtask和Macrotask鮮為人知的知識(shí)點(diǎn)講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-04-04
解決layer 動(dòng)態(tài)加載select 失效的問題
今天小編就為大家分享一篇解決layer 動(dòng)態(tài)加載select 失效的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
echarts學(xué)習(xí)之如何給餅圖中間添加文字
這篇文章主要介紹了echarts學(xué)習(xí)之如何給餅圖中間添加文字問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了js調(diào)用網(wǎng)絡(luò)攝像頭的方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
在Javascript中為String對(duì)象添加trim,ltrim,rtrim方法
利用Javascript中每個(gè)對(duì)象(Object)的prototype屬性我們可以為Javascript中的內(nèi)置對(duì)象添加我們自己的方法和屬性。2006-09-09
基于input框覆蓋掉數(shù)字英文的實(shí)例講解
下面小編就為大家?guī)硪黄趇nput框覆蓋掉數(shù)字英文的實(shí)例講解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
借用Google的Javascript API Loader來加速你的網(wǎng)站
加速頁(yè)面加載速度有一個(gè)方法就是把CSS和JS文件放到另外一個(gè)單獨(dú)的服務(wù)器上，這樣在訪問量比較大的情況下可以分擔(dān)主服務(wù)器的壓力2009-01-01
微信小程序獲取當(dāng)前時(shí)間及星期幾的實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于利用微信小程序獲取當(dāng)前時(shí)間及星期幾的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
下面小編就為大家?guī)硪黄猨s獲取文件里面的所有文件名(實(shí)例)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
async/await讓異步操作同步執(zhí)行的方法詳解
這篇文章主要給大家介紹了關(guān)于async/await讓異步操作同步執(zhí)行的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用async/await具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11