VS Code 配置和使用

背景

Visual Studio Code（简称VS Code）是一款由微软开发且跨平台的免费源代码编辑器[6]。该软件支持语法高亮、代码自动补全（又称IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和Git版本控制系统[7]。
用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。 -WikipediaVisual

下载

Visual Studio Code 支持支持 Windows、Linux、Mac；

• 官网地址： https://code.visualstudio.com/
• 插件地址： https://marketplace.visualstudio.com/

使用

• 布局
  

  上面是 vscode 的布局，和大多数编辑器一样，分为：

  • Editor      用来编辑文件的主体区域。（可以并排打开三个编辑器）
  • Side Bar      包含不同的像浏览器一样的视图来协助来完成工程。
  • Status Bar      展示当前打开的工程和正在编辑的文件的信息。
  • View Bar      在最左手边，帮助切换视图以及提供额外的上下文相关的提示，比如激活了Git的情况下，需要提交的变化的数目。

• 快捷键

  • VScode 快捷键入口

• 扩展

  • 必装扩展
    • Chinese (Simplified) Language Pack for Visual Studio Code     中文扩展
    • vscode-icons      文件图标样式
    • Bracket Pair Colorizer 2      彩色括号
  • 推荐扩展
    • One Dark Pro      热门黑色主题
    • markdownlint      Markdown 样式（快捷键 Ctrl + Shift + V预览，或 Ctrl + K V侧边预览）
    • Vim      Vim 编辑器
    • SonarLint      代码检查（支持JavaScript、TypeScript、Python、Java、HTML和PHP代码的分析）

• 配置

  • 工作区讲解与使用

  • 自动保存

    打开设置 --> file.autoSave --> 改为afterDelay
            --> file.autoSaveDelay --> 5000 配置自动保存时间(毫秒)
    

Reference

• https://zhuanlan.zhihu.com/p/54770077
• https://zhuanlan.zhihu.com/p/35176928