1:新建一個(gè)uniapp項(xiàng)目尊浓,命名為test斩箫。
可以看到含思,在開(kāi)發(fā)工具HBuilderX里面,極速生成的模板目錄結(jié)構(gòu)如下
打開(kāi)pages底下的index.vue的組件渤闷,開(kāi)始寫代碼了疾瓮,把代碼寫好,這里隨便寫了一個(gè)例子飒箭。
<template>
<view>
<button type="primary" @click="scanCode()">button</button>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
scanCode() {
let that = this;
// 允許從相機(jī)和相冊(cè)掃碼
uni.scanCode({
success: function(res) {
that.result1 = res.result;
}
});
}
}
}
</script>
2:允許USB調(diào)試
需要將手機(jī)用充電線連接電腦狼电,并且允許USB調(diào)試(這一步很重要,不然HBuilderX搜不到你要調(diào)試的手機(jī)弦蹂,無(wú)法建立連接肩碟。)
如果不會(huì)打開(kāi)USB調(diào)試模式,可以自行百度凸椿,我的是oppor的手機(jī)
我就查了一下削祈,oppor手機(jī)怎么打開(kāi)USB調(diào)試模式.
https://jingyan.baidu.com/article/93f9803fed1cfbe0e56f554d.html
3:真機(jī)調(diào)試
打開(kāi)頂部菜單欄中的“運(yùn)行”菜單,點(diǎn)擊運(yùn)行,選擇運(yùn)行到手機(jī)后者模擬器髓抑。
這個(gè)時(shí)候HBuilderX是自動(dòng)檢測(cè)手機(jī)是否連接咙崎,(如果運(yùn)行設(shè)備為灰色,則說(shuō)明沒(méi)有手機(jī)沒(méi)有連接成功)吨拍。
連接不成功的原因有很多叙凡,比如,手機(jī)沒(méi)有打開(kāi)usb調(diào)試模式密末,電腦中其他軟件占用adb通道等握爷。
連接成功,控制臺(tái)里面會(huì)有這樣的提示
并且在手機(jī)端提示安裝HBuilderX严里,同意安裝就行了新啼。
4:調(diào)試結(jié)果
每次調(diào)試的時(shí)候,只需要打開(kāi)HBuilderX刹碾,就能同步看到開(kāi)發(fā)工具里面編輯的內(nèi)容了燥撞。