wtx

看完本文，你将 让你的 VSCode 打字流畅度提升 114 倍 不同工程使用各自的项目配置、插件 更加美观的自定义窗口 更加智能代码提示、替换 更加清晰的代码块结构，能一目了然地看出嵌套关系 删掉那

你还在为0插件编程而苦恼吗？你还在过没有插件的日子吗？前端必备的VSCode插件!解决纯手打，当一名合格的懒狗！

本文就来分享 10 个极大提高开发效率的 VS Code 技巧！ 标签换行 在VS Code中，可以在设置中搜索"** Editor: Wrap Tabs**"来实现选项卡换行的功能。 这样，在大型项

Suspense 组件允许你等待一个或多个异步组件，然后显示一些备用内容，直到所有的异步组件都被解析。

主流思想 操作DOM思想 操作DOM比较消耗性能：主要原因是可能导致DOM重排（回流）/重绘 操作起来相对麻烦 数据驱动思想 不直接操作DOM 直接操作数据，当数据修改后，框架会按照相关的数据，让页面

React样式的处理方案 在vue开发中，我们可以基于scoped为组件设置样式私有化！ 但是react项目中并没有类似于这样的机制！如果我们想保证“团队协作开发”中，各组件间的样式不冲突，我们则需要

函数组件 不具备“状态、ref、周期函数”等内容，第一次渲染完毕后，无法基于组件内部的操作来控制其更新，因此称之为静态组件！ 但是具备属性及插槽，父组件可以控制其重新渲染！ 渲染流程简单，渲染速度较快

父子组件通信的核心思想 类组件 Vote.jsx VoteMain.jsx VoteFooter.jsx 父子组件通信 就是以父组件为主导，基于属性实现通信 原因:只有父组件可以调用子组件，此时才可以

函数组件 原理 创建 在src目录中，创建一个 xxx.js 的文件，就是要创建一个组件；在此文件中，创建一个函数，让函数返回JSX视图【或者JSX元素、virtualDOM虚拟DOM对象】；这就是创