Visual Studio Code 快速入门(一)

关于Visual Studio Code 编辑器用户界面,命令和特性的基本介绍。

一、Visual Studio Vode 简介

二、安装 Visual Studio Code

在自己的操作系统平台上安装Visual Studio Code 并根据个人开发需求配置工具集

下载地址:https://code.visualstudio.com/Download

download.png

演示版本

我使用的为 Mac 操作系统,Visual Studio Code 版本如下

about.png

文章中所有演示效果均以 `1.27.1+` 版本为基准。我的 VSCode 持续保持更新最新版本。

三、Visual Studio Code 设置中文界面

默认的 Visual Studio Code 使用英文语言,要想设置中文,可以使用如下方式,安装 `Chinese (Simplified) Language Pack for Visual Studio Code` 插件

安装插件

搜索关键字 `chinese`,找到插件,点击 `install` 安装。

chinese-language.png

安装成功后,会在右下角弹出如下图,确认是否重启 VS Code 使用中文语言。

change-language.png

点击 `YES`,中文界面设置完成,一切变得如此简单。

chinese-vs.png

四、Visual Studio Code 界面

1、导航区

  • 资源管理器(⇧⌘E

  • 搜索(⇧⌘F

  • 源代码管理(⌃⇧G

  • 调试(⇧⌘D

  • 扩展(⇧⌘X

左侧导航栏

interface-sidebar.png

底部导航栏

bar-setting.png

2、菜单栏

菜单栏

interface-menu.png

首选项

interface-nav-preferences.png

菜单栏

interface-nav-1.gif

菜单栏

interface-nav-2.gif

3、底部栏

底部按钮包含版本分支、错误、警告、行号、列号、编码格式、语言模式、体验反馈、通知等。

底部栏

nav-bottom.png

nav-bottom.gif

快捷键 ⇧⌘M 唤出底部面板,包含:问题、输出、调试控制台、终端

nav-bottom-2.jpg

五、Visual Studio Code 编码设置

设置编码方式有两种,一种是文件的编码格式,一种是首选项工作空间设置

1、文件设置

VSCode 右下角,点击选择编码方式

setting-encode-2.png

2、弹出选择方式

setting-encode-3.png

选择编码

setting-encode-4.png

3、首选项设置

打开首选项,输入 `utf8`,如下图

setting-encode-1.png

4、相关文章


未经允许请勿转载:程序喵 » Visual Studio Code 快速入门(一)

点  赞 (0) 打  赏
分享到: