File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -17,6 +17,7 @@ React 是 facebook 开源的一套框架,可总结为以下几个特点:
1717- [ 生命周期] ( https://github.com/wscats/react-tutorial/tree/master/react/component/src/lifecycle )
1818- [ 模块化(webpack)] ( https://github.com/wscats/react-tutorial/tree/master/react/webpack )
1919- [ 脚手架(create-react-app)] ( https://github.com/wscats/react-tutorial/tree/master/react/create-react-app )
20+ - [ 调试工具(react-dev-tool)] ( https://github.com/wscats/react-tutorial/tree/master/react/react-devtool )
2021- [ 路由(3.0)] ( https://github.com/wscats/react-tutorial/tree/master/react/router ) [ 和(4.0)] ( https://github.com/wscats/react-tutorial/tree/master/react/router4 )
2122- Redux
2223 - [ Redux 简介和简单实现] ( https://github.com/wscats/react-tutorial/tree/master/react/redux )
Original file line number Diff line number Diff line change 1+ # react-devtool
2+
3+ 与 Vue 的 vue-devtool 类似 react 也有一个非常有用的调试工具叫 react-devtool,下面展示 Vue 的调试工具怎么安装,React 同理,如果能访问 Chrome 的扩展商店,则更方便,直接在商场搜索安装即可。
4+
5+ 1 . 在命令行中执行下面命令,用 git 克隆该仓库到本地,并进入 vue-devtool
6+ ``` bash
7+ git clone https://github.com/vuejs/vue-devtools.git
8+ cd vue-devtool
9+ ```
10+ 2 . 安装该依赖包,你也可以使用 yarn 安装
11+
12+ ``` bash
13+ npm install
14+ ```
15+
16+ 3 . 执行打包,生成插件
17+ ``` bash
18+ npm run build
19+ ```
20+
21+ 4 . 打开谷歌浏览器的` 扩展程序 ` ,打开右上角的` 开发者模式 ` ,点击左上角` 加载已加压的扩展程序 ` ,打开该` shells/chrome ` 目录,加载插件
You can’t perform that action at this time.
0 commit comments