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