uniapp項目怎麼連接手機調試

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

可以看到，在開發工具HBuilderX裏面，極速生成的模板目錄結構如下

打開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調試

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

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

3：真機調試

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

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

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

連接成功，控制檯裏面會有這樣的提示

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

4：調試結果

每次調試的時候，只需要打開HBuilderX，就能同步看到開發工具裏面編輯的內容了。

歡迎關注【編程微刊】公衆號，回覆【領取資源】,500G編程學習資源乾貨免費送。