编辑器设置
开启自动保存
从 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之后,有了技能就可以出去找工作啦!下面这些面试题是都来自阿里、腾讯、字节等一线互联网大厂,并且有阿里大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。