#源码调试
Review
- 2024-09-14 15:06
[!Summary]
一、Introduction #
Prerequisites #
brew install autoconfnode@18.20.1
yarn@1.22.22
Clone and build #
git clone --depth 1 --branch v18.3.1 git@github.com:facebook/react.git react18
cd react18
yarn installyarn run build-for-devtools-devoutput build/node_modules
cd build/node_modules/react
yarn link
cd build/node_modules/react-dom
yarn linkCreate React App #
npm create vite@latest react-debug -- --template react
cd react-debug
yarn install
yarn link react react-dom
yarn devVSCode 启动 debug
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "React18",
"url": "http://localhost:5173",
"webRoot": "${workspaceFolder}"
}
]
}Reference #
https://dev.to/arnabchat90/debugging-react-source-code-with-a-react-client-app-1l7