VS Code 生产力指南 - 环境配置

—— 如何用 VS Code 打造高效率的生产力工具。

背景

工欲善其事，必先利其器。创造是一件美好的事情，如有利器相辅，这个过程将会变得更加舒适。

你可以在 VS Code 官网下载最新的版本：https://code.visualstudio.com/

一般我们选择下载 Stable 版本。如果你不惧 bug，想体验最新的特性，也可以试试 Insiders 版本。

下载安装完成后，我们打开软件，首先看到的是启动页面：

为了精简体积，VS Code 仅保留一些最基础的功能。但如果想提高效率，这些功能是远远不够的。
好在 VS Code 有各式各样的第三方插件加成，可以真正做到按需取用。

下面推荐一些好用的插件（可直接点击链接安装）：

Chinese (Simplified) Language Pack：汉化 VS Code
Settings Sync：备份设置项和插件，多设备同步
- 配置项：配置相应的 GitHub Gist ID 和 GitHub Access Token
- 用法：Shift + Alt + U 上传，Shift + Alt + D 下载
- （最新版本 VS Code 已自带同步功能，但如果需要版本管理还是可以用这个插件）

Markdown All in One：提供更强大的 Markdown 语法支持
Markdown Paste Image：将图片粘贴到 Markdown，并拷贝至 /res 文件夹内
Pangu-Markdown：规范 Markdown 格式（中英文间加空格、替换规范标点等）
- 配置项：启用保存时自动格式化
vscode-pandoc：增加 Pandoc 支持，将 Markdown 导出为 PDF/Word/HTML 等格式
- 配置项：确保 Pandoc 已经安装

Prettier - Code formatter：HTML/CSS/JavaScript 等前端语言自动格式化工具
- 用法：Ctrl + Shift + P
Color Manager：直接预览色值对应的颜色
Live Server：在 VS Code 内运行本地网页

Google Translate：在 VS Code 内提供翻译
- 用法：Ctrl + Alt + T
Start git-bash：将 bash 添加至 VS Code 的终端
TinyPNG：压缩图片
- 配置项：设置正确的 TinyPNG API Key
- 用法：右键文件树内的图片 - TinyPNG:Compress
Zhihu Daily：摸鱼必备，在 VS Code 内刷知乎日报
坤坤鼓励师：连续打代码一小时，会有蔡徐坤专属篮球舞提醒你休息

你可以通过 文件 - 首选项 - 颜色主题 来选择自己喜欢的主题，例如我选的是 Monokai Dimmed 主题：

如果你觉得默认提供的主题不够用，也可以在插件商店内，用关键词 theme 搜索并下载自己喜欢的主题。

初次使用，可以修改一些常用的设置，使 VS Code 用起来更加顺手。通过 文件 - 首选项 - 设置 即可打开设置页面。

可将 Files: Auto Save 设置为除 off 外其他 3 个选项。日常使用，自动保存还是很有必要的。

等宽字体是写代码的必备，我个人推荐 雅黑等宽 (Microsoft YaHei Mono) 字体。

下载 .ttf 字体文件后安装，重启 VS Code，并在 设置 - 文本编辑器 - 字体 - Font Family 选项中将 'Microsoft YaHei Mono' 添加至头部，即可启用字体。

提交 Github 每次都需要输入用户名及密码？输入命令：

git config --global credential.helper store

重启 VS Code 即可。

以上为 VS Code 基本的环境配置，下一篇将详细讨论 Git，Jupyter NoteBook 及用户代码片段等操作方法，敬请期待。

原文地址：https://wiki-power.com/
本篇文章受 CC BY-NC-SA 4.0 协议保护，转载请注明出处。