现在开始使用 Visual Studio Code

概要

为了方便叙述下文将以 vscode 代替 Visual Studio Code。vscode是一个轻量级的文本编辑器，但是他的功能确实足够强大。支持 Windows、Linux、Mac 三大主流系统，默认支持 JavaScript、TypeScript、Node.js，并且通过扩展可以支持其它 C++、C#、Python、PHP 等主流编程语言

为什么选择 Visual Studio Code

市面上有很多非常优秀的编辑器，例如 sublime、notpad、vim、emacs，每一种编辑器都有自身的特点，所以我们选用那种编辑器，完全可以结合自己的实际情况选择。

vscode 有以下几大特点：

• 跨平台，支持 Windows 7/8/10、Linux、MacOS
• 支持 JavaScrip、C#、C++、Python、PHP、Markdown等多种编程语言
• 支持语法高亮、智能代码补全、代码片段、代码对比等等
• 支持 GIT 版本管理
• 支持并排编辑
• 支持代码调试
• 支持第三方扩展

vscode 是由 Eric Gamma 带队打造，typescript编写而成。vscode 大文件处理方面也表现不俗，界面风格也非常漂亮

如何安装 vscode

开始使用 vscode 之前，当然是先进行安装。vscode 支持 Windows、Linux、MAC 三大主流操作系统，下载安装包

Mac 安装

1. 下载Mac 安装包
2. 双击下载的文件，展开里边的内容
3. 拖拽 Visual Studio Code.app 到应用目录，使其位于 Launchpad
4. 右键点击图标添加 vscode 到 Dock，然后设置保持在Dock

Tip: 如果你想通过命令行输入 code 运行 vscode，需要把 code 添加到 $PATH 环境变量

安装完之后，运行vscode。 输入快捷命令 Ctrl + Shift + P ，然后输入命令 shell command, 选择 Shell Command: Install 'code' command in PATH。运行完之后重新开个新的终端，就可以通过输入 code 命令开启vscode

shell command

Linux 安装

1. 如果你是基于 Debian 的 Linux 分发版，请下载 .deb 安装文件，例如 Ubuntu。如果你是基于 Redhat 的 Linux 分发版，请下载 .rpm 安装文件，例如 Fedora 或者 CentOS
2. 如果通过图形化界面安装，只需要双击安装文件。也可以通过命令行安装，命令如下

# For .deb
sudo dpkg -i <file>.deb

# For .rpm (Fedora 21 之下的版本)
sudo yum install <file>.rpm

# For .rpm (Fedora 22 之上的版本)
sudo dnf install <file>.rpm

1. 现在已经安装完成，可以通过快捷方式和命令行开启 vscode

Tip: 在任意目录运行 code . ，可以直接打开当前目录编辑

Windows 安装

1. 下载 vscode 安装文件
2. 双击运行下载完成的安装文件
3. vscode 默认安装在 C:\Program Files (x86)\Microsoft VS Code 目录

Note: vscode 需要 .NET Framework 4.5 的运行环境，如果你使用的是 Windows 7，需要确保你满足了运行环境

Tip: 安装的时候会选择将 vscode 添加到 %PATH% 环境变量。安装完之后重启 console 使新添加的 %PATH% 变量生效， 就可以直接在 console 里的任意路径输入 code .命令，就可以直接开启vscode，并且打开当前目录

vscode Git 版本控制

vscode 支持 Git 版本管理，支持大多数通用的命令。在使用 vscode 的 Git 功能之前，需要先安装 2.0.0 以上的 Git 版本。 Git 下载

Git 属于分布式版本管理，我们可以自己在本地单独构建版本库，也可以使用远程版本库。github 、bitbucket、Visual Studio Team Services 都提供了远程版本库托管服务。github 只能免费托管公开开源的版本库，如果想托管自己私有的版本库需要交纳一定的费用，不过github托管了很多知名的开源项目。 bitbucket 和 github 的不同之处，它允许你免费创建私有远程版本库。微软的 Visual Studio Team Services 服务也提供 git 远程版本托管服务，而且免费。

Tip: 如果想深入学习 Git，可以到 廖雪峰官网 查看 Git 教程

Git 使用简介

git

安装完 git 之后，就可以打开 vscode 使用 Git 功能了。 最左侧的 Git 图标显示了版本库变更的总数，点击进去之后会显示版本库变更的明细，变更的种类有 unstaged、staged 和 unresolved conflicting merge。

点击变更项目将会展示每一个文件的变更内容，不过只是针对 unstaged 的变更。

左下角可以看到版本库的状态，包括当前分支的名称、问题显示、当前分支提交和拉取的数字。点击分支名称，可以 checkout 任意分支。

Tip: vscode可以打开版本库的一个子目录，同样可以正常工作，并且显示所有版本库文件的变更，不过当前打开目录以外的文件变更，会提示位于当前的工作区

Git 提交

输入完关于本次提交的提示信息，可以使用 Ctrl + Enter 快速进行提交。 关于提交的更多操作可以在 ... 菜单里查找。

Git 分支和标签

创建以及 checkout 分支，可以输入 Ctrl + p,然后在命令栏输入 git然后空格，你可以看到如下界面

git

如果有键入了 checkout 然后空格，你将看到版本库内的所有分支和标签

git checkout

命令栏输入 git branch branch_name 可以快速的创建一个分支，并且切换到新创建的分支

远程版本库

远程版本库的配置可以查看 Git Branching - Remote Branches, vscode 提供了远程版本库的 push、pull、sync 功能，可以通过 ... 菜单找到

Gutter 标示

变更版本库里的文件，vscode 会有不同的标识。

• 红色三角，标示行已经被删除
• 绿色树条，标示添加了新行
• 蓝色树条，标示行已被修改

gutter

合并冲突

vscode 把冲突的内容使用颜色标注，可以帮助我们解决冲突，冲突一旦解决,我们就可以提交了

merge conflicts

vscode 扩展

扩展功能让 vscode 变得非常强大，我们可以通过扩展添加支持的语言和debugger功能。vscode 有一个扩展市场，需要什么扩展我们只需要访问 marketplace 搜索我们想要的扩展就可以了，当然我们也可以通过 vscode 编辑器直接搜索我们想要的扩展。

浏览已经安装的扩展

要浏览已经安装的扩展，可以点击侧边栏扩展按钮，如下图

extensions icon

如果我们想查看最流行的 vscode 扩展，可以输入 @popular 命令在扩展的输入栏里

popular

Tip: 更多功能可以点击 ... 菜单查找

安装Python 扩展

安装扩展，只需要点击扩展的安装按钮，然后启用扩展重启vscode，扩展即可以安装完毕。

搜索扩展

你也可以在扩展功能里的输入栏里输入自己想找的扩展名称，回车之后就会显示你想要查找的扩展

install extension

卸载扩展

点击卸载按钮，即可卸载扩展

使用 vscode 调试 Python 代码

开始调试工作之前我们需要先在本机安装 Python 环境，不同的操作系统需要 下载 不同的安装包，具体安装方式可以到这里查找或者自行百度

安装 Python 扩展

1. 选择一个扩展
2. 输入 Ctrl + p,然后输入 ext install python，选择评分最高的哪一个安装

调试 Python 代码

点击这了查看演示

Python 代码自动完成

点击这了查看演示

Python 其它功能

其它功能可以访问 这里

写在最后

如果想使用 vscode 更多的功能或者调试更多的程序代码，可以查看 vscode 文档

参考

vscode 官方文档