前言本文的定位是 react-query 的进阶教程，我们假定你已经对 react-query 有一定的了解或者熟悉，并能搞清如下问题：了解如何配置 react-query熟悉 useQuery / useMutation 的使用如果你连 cache 和 stale 时间都搞不清楚，或者完全对 react-query 小白，可以先阅读入门文章：《 React Api 请求最佳实践 react-qu

问题一般情况下，我们更想要在 vscode 使用快捷键快速打开一个终端到 当前打开的文件目录 位置，这样可以快速的进行一些命令操作。但是默认的 vscode 终端配置是不支持快速打开到当前文件位置的，只能通过 右键选择文件夹 → 打开终端到此文件夹 的方式实现。使用 code runner 插件可以快速解决这个问题。解决安装 Code Runner配置 Code Runner打开 json 配置文

前言vue 中有 computed 计算属性这个概念，是非常好用的，不仅避免了人为 set 还具有及时响应的特点。有了计算属性这个功能，可以很方便的对 props 进行一些中间处理，最后展示结果到视图上（或使用至需要的地方）。在 react 中主要有三种使用 “计算属性” 的方法。Class Component对于类组件，直接使用 get 方法即可达成计算属性：class ClassCompone

前言和 eslint 类似，stylelint 是 css 界的规范大师，标准配置内置了 170 余个配置项，对于有强迫症的人来说不得不用！每次去校验修复都要敲命令 fix 是非常不人性化的，我们追求的就是在编码期间就可以实时进行修复。相较于 eslint 在 vscode 有 eslint 插件可以进行自动修复，stylelint 也有相应的 stylelint 插件：官方网站：stylelin

问题代码对比是个好东西，但是在 vscode 里选中两个文件，右键进行对比是按照一定规则来确定两个代码的视图位置的。这个规则就是文件修改时间早的在左，修改时间晚的在右，而与你选择文件的顺序无关。这就给我们带来了很多困扰，为了解决这个问题，有两个解决方案。命令行启动在 vscode 内打开内置命令行，输入：code -d fileName1.xxx fileName2.xxx比如：code -d d

基础依赖暴露全部配置 eject 十分不友好，我们基于 customize-cra 和 react-app-rewired 进行自定义配置：yarn add -D customize-cra react-app-rewired之后修改 package.json 的 scripts 部分："scripts": {"start": "react-app-rewired start","build":

前言vscode 的配置 settings.json 是一个老生常谈的话题，随着时间的流逝我们可能会很高频的改动他，但我们应该极力避免一个问题：⚠️ 配了某项但是不知道他的作用 ⚠️其实就是一个 知其所以然 的问题。籍此话题，本文将细致的分析我的 settings.json ，希冀可以给读者带来一些帮助。正文以下部分插件的配置来自于：《 前端web开发高效vscode插件分享（辩证的海量实战检验）

需求假设是一个不会英语的小白，那么写出可读性强的代码必须：有给变量自动翻译为英语的功能要能划词翻译，从而看懂别人的代码和注释自己代码的注释也要能中译英插件的不能快捷键冲突插件使用以下插件即可完美解决以上几个问题。var-translate快捷键Alt + Shift + T用法写变量名或者函数名先打中文，Ctrl + shift + ← 选中后按快捷键翻译为英文。效果可以看到多种选项，非常丰富，满

前言一般情况下我们都希望在 vscode 一个软件内尽量完成我们所有的工作，就像 chrome 搭载很多插件一样，我们希望能在 chrome 里尽可能做到全能。虽然有很多好用的 LaTex 编辑器，但是我们就是想在 vscode 里做到写 LaTex ，到 2020 如今已是一件很简单的事。那就开始介绍从零开始用 vscode 作为编辑器 + 使用 LaTex Workshop 插件 + Texl

前言直入正题，自动 umi mfsu 和 vite unbundle 打响 FE 高效开发第一枪，淘系 rax 新增 swc 功能、swc 作者加入 vercel 麾下，nextjs 新版本默认 swc 打包，再到阿里 ice2 新增 swc + esbuild 链路支持，swc 和 esbuild 逐渐入侵 FE 主工具流，暗示了一统天下的预兆。Rust 和 Go 将成为未来 JavaScrip