1：新建一個(gè)uniapp項(xiàng)目，命名為test。

可以看到，在開(kāi)發(fā)工具HBuilderX里面，極速生成的模板目錄結(jié)構(gòu)如下

打開(kāi)pages底下的index.vue的組件，開(kāi)始寫(xiě)代碼了，把代碼寫(xiě)好，這里隨便寫(xiě)了一個(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ī)用充電線(xiàn)連接電腦，并且允許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)容了。