1 前言

VoTT是一个很好的数据标注工具,使用React+Redux进行开发,值得我们进行学习~

3 运行调试

3.1 代码的执行顺序——“主程序的函数入口”

启动项目,使用“npm start”,如下图所示,
标注工具——VoTT的调试笔记于是我们来看看“npm start”的脚本内容,打开package.json,找到“npm start”对应的命令行,
标注工具——VoTT的调试笔记这里使用了nf命令,(我之前不太明白这个命令的作用,于是就咨询了一下张老师),我们了解到,
标注工具——VoTT的调试笔记我们进入nf会通过一个Procfile文件来执行进程启动的命令,我们来看看Procfile文件的内容,

react: npm run react-start
electron: npm run electron-start

于是会运行这两行命令,其中“npm run react-start”是启动React的命令,我们还要在package.json中看看“npm run react-start”的命令行内容,
标注工具——VoTT的调试笔记也就是执行了"react-scripts start"命令,我们还需要知道这个命令执行了哪个代码文件呢,通过百度搜索,我们知道:
react-scripts是Create-React-App脚手架专门使用的一个配置工具,
标注工具——VoTT的调试笔记它的执行文件应该在其node文件夹中,
即:node_modules/react-scripts/bin/react-scripts.js
标注工具——VoTT的调试笔记我们进入这个文件看看,

3.1.1 react-scripts.js

react-scripts会通过后面的关键字来执行对应的脚本,

这里的命令是"react-scripts start",所以关键字就是“start”,于是react-scripts就会去执行相应的脚本;
这里我们首先来看看脚本的列表
标注工具——VoTT的调试笔记
这里react-scripts使用的关键字是start,所以使用的代码就是start.js

相关文章: