淺談HBuilderX開發(fā)小程序的一些問題
第一步：你要有一個微信小程序，在微信開發(fā)者平臺上
至于怎樣申請微信開發(fā)者appid和微信開發(fā)者平臺上面的東西可以自己去百度下，重點講的是在HBuilderX開發(fā)小程序
第二步：在你的微信開發(fā)者工具里面新建一個小程序
第三步：把你新建好的項目導(dǎo)入到HBuilderX里面去
然后點擊運行--運行到小程序模擬器，就可以自動打開微信開發(fā)者工具，就可以實現(xiàn)在Hbuilder開發(fā)，微信開發(fā)者工具預(yù)覽。但是?。。∪绻磺姓５那闆r下是這樣的，如果不正常的話，那你將很難受，好在我已經(jīng)填了許多坑，我就把不正常的情況給大家說下。
首先，如果你已經(jīng)導(dǎo)入了項目到hbuilderx里面，但是點擊運行時，運行到小程序那一行是不可點或者點了之后控制臺報不能連接到微信開發(fā)者工具，這時候你就要打開自己的微信開發(fā)者工具了，如圖下操作
在微信開發(fā)者工具的上方 點擊設(shè)置--安全設(shè)置
ok,這時候你就可以在hbuilderx開發(fā)，微信開發(fā)者工具里預(yù)覽了。但是如果你沒有申請到appid的話在微信開發(fā)者里面只能pc端預(yù)覽，而不能手機(jī)掃碼預(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)文章
這篇文章主要介紹了JS實現(xiàn)控制表格行內(nèi)容垂直對齊的方法,通過javascript的getElementById獲取元素并設(shè)置其相應(yīng)樣式來實現(xiàn)這一功能,需要的朋友可以參考下2015-03-03
這篇文章主要為大家介紹了JWT?Json?Web?Token全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪<BR>2022-11-11
這篇文章主要為大家詳細(xì)介紹了Bootstrap table表格簡單操作的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
JavaScript引用類型之基本包裝類型實例分析【Boolean、Number和String】
這篇文章主要介紹了JavaScript引用類型之基本包裝類型,結(jié)合實例形式分析了javascript中Boolean、Number和String三種基本包裝類型的基本用法與相關(guān)操作注意事項,需要的朋友可以參考下2018-08-08
Javascript將string類型轉(zhuǎn)換int類型
今天網(wǎng)站有個小功能要判斷用戶購買商品數(shù)量是否大于庫存數(shù)據(jù)，如果大于庫存數(shù)量，就給予提示。2010-12-12
javascript+HTML5的Canvas實現(xiàn)Lab單車動畫效果
這篇文章主要介紹了javascript+HTML5的Canvas實現(xiàn)Lab單車動畫效果,涉及javascript使用Canvas配合數(shù)學(xué)運算實現(xiàn)自行車動畫效果,需要的朋友可以參考下2015-08-08
文章介紹了在前端開發(fā)中使用JavaScript獲取不同時區(qū)當(dāng)前時間的幾種方法,文章還提醒開發(fā)者要注意國際化和本地化最佳實踐,并進(jìn)行充分的測試以確保代碼在不同環(huán)境和時區(qū)中的正確性,感興趣的朋友一起看看吧2024-12-12
這篇文章主要介紹了JavaScript表單焦點自動切換代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
javascript中的undefined 與 null 的區(qū)別 補充篇
在Javascript中有兩個值用來代表類似空值的概念，undefined和null，這兩個很容易被混淆，他們表示的是兩個不同的概念。2010-03-03
arcgis for js 修改infowindow樣式的方法
下面小編就為大家?guī)硪黄猘rcgis for js 修改infowindow樣式的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11