"editor.minimap.renderCharacters": false,

"editor.minimap.maxColumn": 200,

"editor.minimap.showSlider": "always"

复制代码

效果还是比较显著的：

插件

当然，之所以选择 Vscode，除了本身强大以外，更重要的是那完整的生态，丰富的插件——事实上，如果不考虑这些，也许我会用 Atom。

这个插件主要作用是为文本前面的缩进着色，默认着色如下：

在开发中，要么在控制台里打断点调试，要么是简单的 console.xxx()。通常前者适用于比较复杂的情况，而逻辑比较简单的时候，显然第二种调试手段效率更高一些。

本插件通常有两种操作：

快捷键

操作

Ctrl/Cmd + Shift + L

输出固定格式 Log

Ctrl/Cmd + Shift + D

删除本页 Log

(tip：多人协作中，往往会出现很多别人输出的 log，为了快速定位自己的 log，可以借助 %c 占位符插入样式。当然，如果每一个 log 都需要手动添加样式，那就舍本逐末了，所以可以稍微改进一下这个插件，具体方法可以参考VSCode折腾log插件)

最后输出日志效果如下：

这是一个非常棒的插件，无需配置，开箱即用。它可以帮助你启动一个本地开发服务器，为静态和动态页面提供实时重新加载功能。

有了这个插件，就再也不用抠破头皮去想假数据了。

作为 Web 开发人员，我们需要经常使用 REST api，当然 postman 也是不错的选择，Vscode 也能轻松地满足我们的需求。

这是一款我爱不释手的插件，配合

"editor.formatOnSave": true

复制代码

做到在保存的时候自动格式化代码，妈妈再也不用操心我代码格式化的问题了：

说到 Prettier 自然不能少了它的好伙伴 Eslint，二者配合更是美滋滋。

这个插件可以在导入语句自动补全 npm 模块名称。

这也是一个强大的变形的插件，不必多言，直接上图：

这个插件能够直观的查看你所定义的颜色：

Vue 开发必备插件，Pine Wu 大佬出品，必属精品。

这是个人较为喜欢的一款插件，用于编写更为人性化的注释。

最后是 Settings Sync，用于多端同步我们的 Vscode 插件以及配置，而不用每换一次环境就去把 Vscode 重新配一遍。

使用下面的 ID 可以同步我目前使用的 VScode 配置。

65639bb6b9e63dd43ce44efb21010a98

复制代码