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搜不到你要调试的手机