🐒 把VSCode变成你想要的模样

👉 插件与美化

开发环境配置 👈

👉 Markdown编辑

VSCode刷leetCode 👈

👉 VSCode中的Git

下载和安装VSCode

Windows用户直接下载安装即可

linux用户可以选择下载对应安装包或者直接使用命令行安装 可参照这里🏃

  • Ubunut18.04安装
1
2
3
4
5
6
wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
sudo install -o root -g root -m 644 packages.microsoft.gpg /etc/apt/trusted.gpg.d/
sudo sh -c 'echo "deb [arch=amd64 signed-by=/etc/apt/trusted.gpg.d/packages.microsoft.gpg] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
sudo apt-get install apt-transport-https
sudo apt-get update
sudo apt-get install code # or code-insiders
  • 也可以选择从 Snap Store 中安装
    • sudo snap install --classic code 安装稳定版
    • sudo snap install --classic code-insiders 安装测试版

实用插件

👇不需要配置就可以直接使用的部分插件

  • Chinese ——如果不是想锻炼自己英文能力的话还是老老实实下载一个中文插件吧

  • Bracket Pair Colorizer 2 ——彩色括号，不仅容易区分括号的层级，而且非常美观

  • Indenticator —— 直观的显示出当前的缩进

  • Code Spell Checker —— 检查英文单词拼写是否有误

👇这些插件可以通过修改 Settings.json 中的配置来达到自定义

  • Doxygen Document —— 自动生成注释文档 - 配置文档

  • TODO HighLight —— 让TODO的部分变成高亮 - 配置文档

  • Code Runner —— 运行多种语言的代码段或代码文件 - 配置文档

美化

🌸颜值=生产力

设置字体
字体选择 Source Code Pro 一款很适合编程开发的等宽字体

  • Adobe Source Code Pro Github
    • Windows 将TTF/目录下想要的字体复制到C:\Windows\Fonts\中，即可在系统字体中找到Source Code Pro
    • Ubuntu 打开OTF/目录，打开自己想要的字体直接点击安装即可

然后在 settings.json 中加入

"editor.fontFamily": "Source Code Pro, 'Source Code Pro Medium' "

然后保存修改即可修改字体

颜色主题🎨

  • Material Theme 颜值很高的主题 —— 谁说程序员不浪漫
  • Slack Theme 选择暗色的那款主题配色，非常舒适顺眼

文件图标主题

  • Material Theme Icons 与上面的颜色主题的风格适配的图标
  • VSCode Icons 同样推荐

这里推荐一个Windows和MAC的美化插件

  • vibrancy —— 一键启用毛玻璃效果

VSCode开发环境配置

💻VSCode中使用各种插件来实现的来开发环境的搭建

C/C++ 开发环境

  • c/c++
  • c/c++ Snippets
  • c++ intellisense

编译与调试

Markdown

📄使用VSCode编辑markdown

  • Markdown All in One —— 编辑实时预览，方便的快捷操作

  • Markdown Preview Github Styling —— 改变Markdown预览为github主题

  • Markdown Emoji —— 可以实时预览Markdown中的emoji表情

  • Markdown Table Prettifier —— 格式化表格，更适合阅读

  • Markdown Shortcuts —— 快速生成表格，列表等

leetCode

🏆用VSCode打开不一样的刷题姿势

  • 安装 nodejs

  • 安装 leetcode 插件

  • 参考官方文档

    • 按照文档中的方法，登入账户，即可开始愉快的刷题

Git

VSCode已经集成了 Git 的功能

Git相关插件

在Windows中将 Git bash 集成到终端中

  • 在 settings.json 中加入 "terminal.integrated.shell.windows": "你的安装路径\\Git\\bin\\bash.exe"
  • 保存后，重新打开vscode中的集成终端，就会看到其实是打开了 Git bash