前言

Visual Studio Code 简称 VS Code 可能是目前史上最好用的轻量级编辑器,包括但不限于常用快捷键,调试 Python,常用插件,搜索功能,包括正则搜索,文件编码,git 仓库代码管理,各种主题字体和插件,强大好用的插件市场,代码格式化等等各种好用的功能,且性能优越。是目前最值得推荐的编辑器,没有之一。相对于重量级选手 Microsoft Visual Studio 和 JetBrains 旗下耳熟能详的 IntelliJ IDEA、PyCharm 等产品来说 VS Code 已经足够简单好用。

Visual Studio Code 使用小结

更新历史

2020 年 01 月 22 日 - 初稿

阅读原文 - https://wsgzao.github.io/post/vscode/

扩展阅读

Visual Studio Code


Visual Studio Code 简介

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity). Begin your journey with VS Code with these introductory videos.

为什么要使用 VSCode

  1. 免费开源
  2. 有海量扩展插件
  3. 轻量(不会占用大量内存和 CPU,不会对电脑造成卡顿)

以前还有人会推荐 Sublime Text 和 PyCharm,但随着 VSCode 社区的繁荣基本可以首选 VSCode 作为你的第一款轻量级编辑器,当然编程能力的强弱和编辑器没有必然联系,哪款用得顺手选择它能帮助你提到编码效率就行

VSCode 常用快捷键

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
# 光标所在行整行复制,粘贴,剪切 
Ctrl + C
Ctrl + V
Ctrl + X

Ctrl + F #查找
Ctrl + H #替换
Ctrl + S #保存

Ctrl + / #行注释
Shift + Alt + A #块注释

Ctrl + Shift + Enter #上方插入一行
Ctrl + Shift + F #文件夹查找
Ctrl + Enter #下方插入一行
Alt + Shift + F #格式化代码

Ctrl + Shift + P #命令控制面板

Ctrl + Shift + L #一次性找出文所有的当前选中的单词
Ctrl + Shift + K #删除整行

vscode 使用技巧

在 vscode 中显示空格和 tab 符号

  1. 打开 setting, 在搜索框中输入 renderControlCharacters, 选中勾选框, 即可显示 tab.
  2. 在搜索框中输入 renderWhitespace, 选择 all, 即可显示空格.

VSCode 插件推荐

通用插件

vscode-icons

Prettier - Code formatter

GitLens — Git supercharged

Partial Diff

Auto Rename Tag

Bracket Pair Colorizer 2

Frontend

CSS Peek

Icon Fonts

参考文章

Visual Studio Code Docs

宇宙最强 vscode 教程(基础篇)

史上最好用的编辑器:VSCode

VSCode 入门

文章目录
  1. 1. 前言
  2. 2. 更新历史
  3. 3. Visual Studio Code 简介
  4. 4. 为什么要使用 VSCode
  5. 5. VSCode 常用快捷键
  6. 6. vscode 使用技巧
    1. 6.1. 在 vscode 中显示空格和 tab 符号
  7. 7. VSCode 插件推荐
  8. 8. 参考文章