本篇我将记录一下我常用的 VSCode 和 Chrome 插件，善用这些插件可以达到开发时事半功倍的效果。

VSCode

Auto Rename Tag

Auto Rename Tag 可以修改成对的标签

C/C++

C/C++ 刷题必备

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 不习惯英文的话可以用这个包，我一般不用

Code Runner

Code Runner 是韩骏大佬开发的，右键直接把代码跑起来！

Code Spell Checker

Code Spell Checker 帮助我这种英语渣检查拼写错误，~~或者靠 typo 蹭一个 contributor~~

Docker

Docker 使得可以在 vscode 中管理 docker 镜像

EditorConfig for VS Code

EditorConfig for VS Code 管理工程的编码、换行符、缩进样式、缩进大小、文件是否新行等等。举个例子：

root = true

[*]
charset = utf-8
end_of_line = lf
indent_style = space
indent_size = 2
insert_final_newline = true
max_line_length = 100
trim_trailing_whitespace = true

ES7 React/Redux/GraphQL/React-Native snippets

ES7 React/Redux/GraphQL/React-Native snippets 包含了新特性的 snippets

ESLint

ESLint 帮助检查代码的风格和质量，还可以一键 fix

Excel Viewer

Excel Viewer 是我研究生阶段用到的插件，可以让你在 vscode 中就看到自己处理的 excel 数据

Git Graph

Git Graph 是我很喜欢的一个插件，可以图形化罗列出所有的 log，并且可以在上面管理

Git History

Git History 读取历史信息

GitLens — Git supercharged

GitLens — Git supercharged 提供 blame 信息和 diff 信息

Import Cost

Import Cost 可以计算出依赖包的大小，避免工程体积过大

IntelliJ IDEA Keybindings

IntelliJ IDEA Keybindings 如果你和我一样是 Jetbrains 的快捷键习惯，这个插件可以将 vscode 的快捷键映射成 Jetbrains 的，方便适应自己的脂肪记忆。

JavaScript (ES6) code snippets

JavaScript (ES6) code snippets 是包含了 ES6 特性的 snippets

Jupyter

Jupyter 有时候不想在网页里写 python，就用 vscode 的这个插件

Jupyter Notebook Renderers

Jupyter Notebook Renderers 同理渲染的图表可以直接在 vscode 里展示出来

koroFileHeader

koroFileHeader 用于一键添加文件注释和函数注释，非常方便，但是我一般会把文件注释关闭

Markdown Preview Enhanced

Markdown Preview Enhanced Markdown 的增强，在 vscode 中阅读文档时可以渲染公式了。~~说的好，我一般还是用 typora~~

npm

npm 可以检查 package.json 中哪些包缺失或者错误版本等问题

Python

Python 刷题、科研、跑模型必备，装它的时候它会一起装 jupyter

Tabnine

Tabnine 智能提示，真的很智能，就是会导致有点卡。

TODO Highlight

TODO Highlight 在一堆代码里高亮你的 TODO 标签，真的很亮，有底色的那种。

Todo Tree

Todo Tree 用树形图展示你的 TODO，而且连文档中的 TODO 它也可以管理。

Vue 相关的插件

Vetur、vue、Vue VSCode Snippets 用于 vue 的高亮和代码提示等等

Prettier - Code formatter

Prettier - Code formatter 代码风格就由 prettier 管理就好

Chrome

Awesome Screenshot 截图与录屏

提供网页的快速截图和录屏，关键还可以截长图，直接把效果转发leader

Octotree - GitHub code tree

树状图展示 github 项目的内容

Wappalyzer

展示当前站点使用的技术栈等

善其事，利其器（三）——VSCode 与 Chrome 插件