小程序调试器的安装、使用

前言
在实际测试小程序时，常常需要对小程序进行调试工作，一般情况下，web端调试工作直接F12打开开发者工具调试页面即可，今天聊聊在小程序端如何进行调试操作

一、安装依赖

1. 安装 10.16.0 或更高的稳定node版本（安装 Node.js 的同时会自动安装 npm）。
   由于兼容性问题，避免使用 Node.js 15.0.0 以上版本 以及 npm 7.0.0 以上版本，可能会出现安装失败的问题。 （容易踩坑）
2. 安装完成请检查版本
   Node.js版本检查

node -v

确保以上指令输出的版本号 >= 10.16.0 ，如果你同时需要使用其他版本Node.js，可以使用 nvm 在同一台电脑中管理多个 Node 版本。
NPM版本检查

npm -v

二、安装Git

1.安装Git
安装教程链接https://www.cnblogs.com/xueweisuoyong/p/11914045.html
2.Git配置（根据每个人公司实际情况进行配置，不固定）

• 首次需登录https://git.n.xxxi.com/（公司邮箱）
• 生成rsa公钥
  在用户主目录，如C:\Users\mi.ssh（注意不同电脑的用户名可能不同，另外.ssh是隐藏文件夹）下是否有rsa公钥文件id_rsa.pub；
  如果没有使用git bash生成公钥：
  （1）在开始菜单搜索git bash，打开
  （2）运行如下命令：
  ssh-keygen -t rsa -C “邮箱”

三、安装工具

安装“KA-M-Opdev”工具
完成安装之后，打开命令行终端执行以下指令检查是否成功安装:

opdev help

安装正常将看到如下输出：

opdev: Feishu Open Platform Developer Toolset

USAGE
  $ opdev [COMMAND]

COMMANDS
Create a new project with templates
  new       Create a new project
  template  Show available templates
  ....

也可用opdev version命令来检查工具版本：

$ opdev --version
1.10.0

四、安装VSCode（省略）

网上很多相关教程

五、使用步骤

获取代码权限
需要找项目相关负责人开通项目权限，并拿到代码地址

1. 在本地文件夹打开Git Bash，输入命令git clone +代码仓库地址，clone完成则如下图所示：
   

2. 打开VSCode，导航栏选择【文件】–【打开文件夹】，选择本地clone代码的文件夹打开（或者直接拉文件夹进去即可）
   

3. 选择开发分支代码
   与项目研发确定当前开发分支或者master
   

4. 登录
   点击页面左下角的no account–选择Feishu账号登录，跳转飞书web页面登录
   

5. 打开终端
   VSCode当行栏选择【终端】–【打开新终端】，打开成功后终端处输入回车后可展示当前目录，输入命令
   

• 输入命令git pull 更新分支最新代码，如下更新成功
  
• 输入命令npm install 下载安装代码中的依赖，如下安装成功
  
• 输入命令npm run +打包命令
  打包命令在项目package.json中，找到scripts，查看打Dev环境包使用的命令，如下图，打包命令是start
• 输入命令cd dist进入dist目录下
  • ls当前目录
    1. 如果当前目录下有.tt文件夹，则再输入opdev devtools ./tt/打开项目
    2. 如果没有.tt文件夹，则直接返回上一级目录（cd …），再输入命令 打开项目
       

其他操作

可切换用户登录