入坑 VSCode，编辑器设置及插件设置

编辑器设置

开启自动保存

从 WebStorm 养成的习惯，废弃了之前用 Eclipse 的时候，时不时地按一下 ⌘S 以消除保存忧虑的习惯。

如果你实在不习惯或不喜欢自动保存，喜欢 ⌘S 带来的踏实感，可以保持默认设置。

• 关键字：「autosave」
• 设置：Files: Auto Save，选择「afterDelay」
• settings.json："files.autoSave": "afterDelay"

显示空白字符

VSCode 默认只渲染选中文本中的空格，作为「不见空格没安全感」的开发者，需要将其改成永远渲染：

• 关键字：「whitespace」
• 设置：Editor: Render Whitespace，选择「all」
• settings.json："editor.renderWhitespace": "all"

不要删除换行的自动缩进

由于空格是可见的了，在连续敲两行的时候，会发现上一行的缩进空格会被清除掉，很难受，改。

• 关键字：「trim」
• 设置：Editor: Trim Auto Whitespace，取消勾选
• settings.json："editor.trimAutoWhitespace": false

取消挠人的中文标点高亮

如果发现有些正常的中文标点被加上了挠人的黄色背景，如下：

最新的默认设置貌似可以不需要修改就可以达到不挠人的效果。

• 关键字：「unicodeHighlight」
• 设置：Editor → Unicode Highlight: Ambiguous Characters，取消勾选
• settings.json："editor.unicodeHighlight.ambiguousCharacters": false

开启带颜色的缩进线

你应该就不需要 Rainbow Brackets 插件了。

• 关键字：「bracketpairs」
• 设置：Editor → Guides: Bracket Pairs，选择 true
• settings.json："editor.guides.bracketPairs": true

效果对比：

默认（false）	active	true

true 的效果最好，可以看到每条竖线有了颜色，且当前所在的花括号有一条明显的线连起来，你还认为有装「Rainbow Brackets」的必要？

开启内嵌提示

内嵌提示（Inlay Hint）对提升代码阅读效率很重要，强烈建议开启。

• 关键字：「inlayhint」
• 设置：能勾选的都勾选，能选「all」的都选「all」
• settings.json：[language].inlayHints.[what].enabled

效果对比：

默认	开启

⛱️ 代码格式规范设置

VSCode 没有像 WebStorm 那样专门的 Code Style 配置。

你可以设置是否按 Tab 的时候用空格代替，多少个空格。

这块我目前没怎么设置，基本保持预设。

🍃 其他

命令行启动

快捷键 ⇧⌘P 打开命令面板，输入「install」，将 code 命令安装到 PATH，这样，在 Terminal 中临时想改文件就不再局限于 VIM 了（VIM 高手可鄙视此做法）。

取消烦人的声音

可能是最近才出的新功能吧，就是挺烦人的，画波浪线的地方响一声「咕咕」，代码折叠的地方响一声「咣」…不想在写代码的时候被奇奇怪怪的声音打扰。

搜「Audio Cue」可以看到一堆的设置，但没有一个统一的开关（不够友好）。

能关就都关了吧，希望可以出个总开关（虽然有个音量设置可以设为 0）。

🧩 插件推荐

Project Manager

编辑器向 IDE 迈进的第一步。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★★

GitLens

装它就是了。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★★

ESLint

前端开发，装它就是了。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★★

Stylelint

有节操的程序员，各种 Linter 都应该安排上。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★☆

Markdownlint

Webstorm 都没有这个插件。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★

Beautify

⚠️ 已停止维护。

开箱即用，方便；速度非常快。探查线上代码的时候我会用它先格式化一下。虽然已经停止维护了，我还是希望提一笔，因为真的好用。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★★

Prettier

不用 Beautify 的话，可以用 VSCode 自带的「Format Document With…」加「Prettier」，速度比不上 Beautify。

虽然个人不是 Prettier 的粉丝，因为我不喜欢编辑器改我的代码，但偶尔用来格式化部分代码还是可以的。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★

Code Snapshot

写 PPT 需要代码截图，用它。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★

Code Spell Checker

不要以为你英语好就可以不用 Spell Checker 了。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★★

Better Comments

人类友好的注释。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★★

String Manipulation

好多类似的插件，还有 Text Manipulator、change-case 等。

change-case 有个小小的 BUG（或者是 Feature），当没有选中的文本会弹窗报错。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★☆

Increment Selection

如果你喜欢写 Markdown 的时候，为每一行增加一个序号，那么这个插件能帮你省掉很多麻烦，多光标搭配快捷键 ⌥⌘I 瞬间搞定。

• URL：marketplace.visualstudio.com/items?itemN…
• 推荐指数：★★★☆

题外话

在此疾速成长的科技元年，编程就像是许多人通往无限可能世界的门票。而在编程语言的明星阵容中，Python就像是那位独领风 骚的超级巨星， 以其简洁易懂的语法和强大的功能，脱颖而出，成为全球最炙手可热的编程语言之一。

如果你对Python感兴趣，想要学习python，这里给大家分享一份Python全套学习资料，都是我自己学习时整理的，希望可以帮到你，一起加油！

😝有需要的小伙伴，可以V扫描下方二维码免费领取🆓

​

1️⃣零基础入门

① 学习路线

对于从来没有接触过Python的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

② 路线对应学习视频

还有很多适合0基础入门的学习视频，有了这些视频，轻轻松松上手Python~

③练习题

每节视频课后，都有对应的练习题哦，可以检验学习成果哈哈！

2️⃣国内外Python书籍、文档

① 文档和书籍资料

3️⃣Python工具包+项目源码合集

①Python工具包

学习Python常用的开发软件都在这里了！每个都有详细的安装教程，保证你可以安装成功哦！

②Python实战案例

光学理论是没用的，要学会跟着一起敲代码，动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。100+实战案例源码等你来拿！

③Python小游戏源码

如果觉得上面的实战案例有点枯燥，可以试试自己用Python编写小游戏，让你的学习过程中增添一点趣味！

4️⃣Python面试题

我们学会了Python之后，有了技能就可以出去找工作啦！下面这些面试题是都来自阿里、腾讯、字节等一线互联网大厂，并且有阿里大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。