1：新建一個uniapp項目，命名為test。

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

打開pages底下的index.vue的組件，開始寫代碼了，把代碼寫好，這里隨便寫了一個例子。

<template>
    <view>
        <button type="primary" @click="scanCode()">button</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        },
        methods: {
            scanCode() {
                let that = this;
                // 允許從相機和相冊掃碼
                uni.scanCode({
                    success: function(res) {
                        that.result1 = res.result;
                    }
                });


            }
        }
    }
</script>

2：允許USB調(diào)試

需要將手機用充電線連接電腦，并且允許USB調(diào)試（這一步很重要，不然HBuilderX搜不到你要調(diào)試的手機，無法建立連接。）

如果不會打開USB調(diào)試模式，可以自行百度，我的是oppor的手機
我就查了一下，oppor手機怎么打開USB調(diào)試模式.
https://jingyan.baidu.com/article/93f9803fed1cfbe0e56f554d.html

3：真機調(diào)試

打開頂部菜單欄中的“運行”菜單，點擊運行，選擇運行到手機后者模擬器。

這個時候HBuilderX是自動檢測手機是否連接，（如果運行設備為灰色，則說明沒有手機沒有連接成功）。

連接不成功的原因有很多，比如，手機沒有打開usb調(diào)試模式，電腦中其他軟件占用adb通道等。

連接成功，控制臺里面會有這樣的提示

并且在手機端提示安裝HBuilderX，同意安裝就行了。

4：調(diào)試結(jié)果

每次調(diào)試的時候，只需要打開HBuilderX，就能同步看到開發(fā)工具里面編輯的內(nèi)容了。