Skip to content

Commit e090ae3

Browse files
committed
edit md
1 parent 67001b7 commit e090ae3

2 files changed

Lines changed: 22 additions & 0 deletions

File tree

README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff 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)

react/react-devtool/README.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
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`目录,加载插件

0 commit comments

Comments
 (0)