1 前言
VoTT是一个很好的数据标注工具,使用React+Redux进行开发,值得我们进行学习~
3 运行调试
3.1 代码的执行顺序——“主程序的函数入口”
启动项目,使用“npm start”,如下图所示,于是我们来看看“npm start”的脚本内容,打开package.json,找到“npm start”对应的命令行,
这里使用了nf命令,(我之前不太明白这个命令的作用,于是就咨询了一下张老师),我们了解到,
我们进入nf会通过一个Procfile文件来执行进程启动的命令,我们来看看Procfile文件的内容,
react: npm run react-start
electron: npm run electron-start
于是会运行这两行命令,其中“npm run react-start”是启动React的命令,我们还要在package.json中看看“npm run react-start”的命令行内容,也就是执行了"react-scripts start"命令,我们还需要知道这个命令执行了哪个代码文件呢,通过百度搜索,我们知道:
react-scripts是Create-React-App脚手架专门使用的一个配置工具,它的执行文件应该在其node文件夹中,
即:node_modules/react-scripts/bin/react-scripts.js我们进入这个文件看看,
3.1.1 react-scripts.js
react-scripts会通过后面的关键字来执行对应的脚本,
这里的命令是"react-scripts start",所以关键字就是“start”,于是react-scripts就会去执行相应的脚本;
这里我们首先来看看脚本的列表
这里react-scripts使用的关键字是start,所以使用的代码就是start.js;