俗话说：工欲善其事， 必先利其器
作为我开发的利器，有必要记录下我使用的插件，配置以及快捷键。
1. 快捷键
下面列举了一些常用的，具体的可查看：
| 按键 | 描述 |
|---|---|
| ctrl + k + s | 打开查看键盘快捷方式 |
| ctrl + x | 剪切 |
| ctrl + c | 复制 |
| ctrl + v | 粘贴 |
| ctrl + f | 当前文件关键字搜索 |
| Home | 光标跳转到行头 |
| End | 光标跳转到行尾 |
| ctrl + Home | 跳转到页头 |
| ctrl + End | 跳转到页尾 |
| ctrl + [ / ] | 行 增加 / 减少 缩进 |
| ctrl + / | 单行注释 |
| ctrl + / (或 按下ctrl不放，再按 k + u) | 取消单行注释 |
| alt + shift + A (或 /** ) | 多行注释 |
| alt + up / down | 向上 / 向下 移动行 |
| ctrl + b | 显示 / 隐藏 左侧目录栏 |
| shift + alt + up / down | 向上 / 向下 复制当前行 |
| ctrl + shift + k | 删除当前行 |
| ctrl + ~ | 显示 / 隐藏 控制台终端 |
| ctrl + P | 查找文件 |
| shift + alt + f | 代码格式化 |
| ctrl + shift + n | 新建一个窗口 |
| ctrl + ( + 或 - ) | 字体放大 / 缩小 |
| ctrl + 1 / 2 / 3 | 拆分编辑器 |
| F11 | 切换全屏模式 |
| ctrl + N | 新建文件 |
| ctrl + o | 打开文件 |
| ctrl + s | 保存文件 |
| ctrl + shift + s | 另存为 |
| ctrl + w | 关闭编辑器窗口 |
| ctrl + k + w | 关闭所有编辑器窗口 |
| ctrl + shift + T | 撤销最近关闭的一个文件编辑窗口 |
| ctrl + shift + F | 打开全局搜索 |
| ctrl + shift + X | 打开插件市场面板 |
| ctrl + shift + H | 在当前文件查询替换 |
2. 常用插件
| 插件 | 描述 |
|---|---|
| vscode-icon | 让 vscode 资源树目录加上图标，必备良品！ |
| ESlint | ESlint 接管原生 js 提示，可以自定制提示规则 |
| TSlint | ts 文件 代码风格检查， 可以自定义规则 |
| GitLens | 丰富的 git 日志插件 |
| Material Theme | Visual Studio Code 最悠久的主题！ |
| Auto Close Tag | 自动闭合标签 |
| Auto Import | 自动去查找、分析、然后提供代码补全。对于 TypeScript 和 TSX，可以适用。 |
| Auto Rename Tag | 修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些 bug 。 |
| Color Highlight | 文档中的 css / web 颜色样式 |
| Code Spell Checker | 单词拼写检查 |
| Chinese (Simplified) Language Pack for Visual Studio Code | 为 VS Code 提供本地化界面 |
| Bracket Pair Colorizer | 让括号拥有独立的颜色，易于区分。可以配合任意主题使用。 |
| Git History | 查看 git 提交历史 |
| Import Cost | 该插件会在行尾显示导入的包的大小。为了计算包大小，该插件要使用 Webpack 和 babili-webpack-plugin。 |
| Prettier | 一键美化你的 JavaScript / TypeScript / CSS 代码。 |
| React Native Tools | 代码提示、Debugging、集成 RN 的命令。 |
| Snippet | 常用代码片段，支持自定义（例如 React Native Snippet） |
| TODO Highlight | 会在还有 TODO: / FIXME: 的地方出现高亮提示 |
| Sublime Text Keymap and Settings Importer | 将 visual studio code 的快捷键绑定改成了和 Sublime Text 3 一样。你可以试一试：cmd + P (Mac)，ctrl + P (Windows)。 |
| Quokka.js | 实时执行 JavaScript 代码(做快速的 demo 很有用)。 |
| Trailing Spaces | 高亮那些冗余的空格，可以快速删掉。 |
| TypeScript Hero | 辅助用 TypeScript 编程的童鞋！ |
| Sort Typescript imports | TypeScript import 排序 |
| Vetur | VS Code 下面的 Vue 工具！ |
| Code Runner | 支持多种语言的代码的立即执行 |
| React.js code snippets | 用 ES6 语法去开发 React.js 应用非常方便。 |
| filesize | 在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间 |
| WakaTime | 根据编程活动自动生成度量标准，代码检测和时间跟踪。（长时间的需要收费） |
| Npm Intellisense | 用于在 import 语句中自动填充 npm 模块。 |
| REST Client | REST 客户端允许您直接发送 HTTP 请求并在 Visual Studio 代码中查看响应。 |
| Markdownlint | markdown 文件格式检查 |
| Settings Sync | 重点介绍下这个插件，如果你有两台电脑（比如，家里和公司）都使用 VS Code ，可是在公司或家里对 VS Code 安装了插件或者修改了配置，回到家或公司又要重新弄一次，这个插件就能解决问题，同步多台电脑设置。 |
还有很多其他有趣使用的插件，这里暂不列举了。。。。。