前言：
在本地使用vue2.0 实现网页版拍照功能，本地开发老是报错 NotFoundError: Requested device not found ，原因是 浏览器主要用于处理网络协议（如 HTTP、HTTPS）相关的数据交互，它的运行环境被设计为相对安全和隔离的。出于安全考虑，浏览器默认没有权限直接操作硬件设备。 但在特定场景下可以间接访问，如 ssl证书引入代码中，将本地开发环境变成 https 就能运行啦
然后就和老板商量 用小程序 或者 app开发，绕过https环境，实现拍照功能，对比了开发成本和跨平台兼容这些点，最总选择 小程序 开发
一、准备工作
打算用 uniapp 开发小程序，所以选择他的专属搭配 Hbuilder；
还有微信开发者工具，看看编译好的页面；
1. 下载 工具
hbuilder首页：https://www.dcloud.io/hbuilderx.html
下载hbuilder编辑器,选择对应的系统,Windows和mac正式版即可,下载好安装路径不要放在C盘,此编辑器作为主要开发编辑器，我选择的是windows
微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
下载微信开发者工具,选择对应的系统,正式版即可,下载好安装路径不要放在C盘,此工具主要用于开发是预览小程序
2. 申请 微信小程序
微信公众平台：https://mp.weixin.qq.com/
进入微信公众平台-> 点击立即注册-> 点击小程序-> 点击前往注册
填写信息。
注意:邮箱需要，未被微信公众平台注册，未被微信开放平台注册，未被个人微信号绑定的邮箱
注册好后,扫码登陆平台,页面向下滚动,找到左边的开发,选择开发管理,右边页面选择开发设置,这里会有一个AppID,作为绑定开发者工具用(注意不要暴露,使用在后文)
哦空空，到这里可以啦，主要是获取开发者ID -- AppID
二、项目搭建 配置 运行
依据https://uniapp.dcloud.net.cn/quickstart-hx.html官方文档来来搭建项目
- 在点击工具栏里的文件 -> 新建 -> 项目（快捷键
Ctrl+N）：
- 选择
uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。
-
如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。
如下图，需在输入框输入微信开发者工具的安装路径。
-
在微信开发者工具里面配置：
设置->安全设置-》开启服务端口
右边详情基本信息也要注意 AppId
-
在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。
这样 微信开发者工具 会自动弹出来，项目运行成功
到此，项目搭建 配置 运行 就基本完成啦！！！