文章目录

  • 一、VS code 简介
  • 二、下载与安装
  • 1. 去官网下载
  • 2. 安装步骤
  • 三、简单使用
  • 1. 界面介绍
  • 2. 将vscode修改为中文环境
  • 四、使用VScode的Remote-SSH插件实现在远程服务器上开发
  • 参考链接



一、VS code 简介

Visual Studio Code(简称VS Code )是 Microsoft 在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台 源代码编辑器 ,可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统。

由微软推出的一款轻量级编辑器,拥有大量可拓展插件,可以根据自己的需求添加插件使编辑器的功能丰富起来。


二、下载与安装

1. 去官网下载

下载地址:Download Visual Studio Code

如图:

vscode能开发swift吗 vscode swift_Code


我们可以看到适合Windows系统的下面有几个不同的版本:

  • User Installer版:会安装在当前计算机帐户目录,意味着如果使用另一个帐号登陆计算机将无法使用别人安装的vscode。
  • System Installer版:安装在非用户目录,例如C盘根目录,任何帐户都可以使用。

vscode默认提供的User Installer版(如果你点击Windows下载按钮的话),大多数人都是用的这个版本。

我下载的是User Installer的64 bit版(因为我的电脑是64位的),下载完成后能看到这样一个可执行文件:

vscode能开发swift吗 vscode swift_windows_02


双击开始安装。

2. 安装步骤

  1. 同意协议
  2. vscode能开发swift吗 vscode swift_Code_03

  3. 选择安装位置,通过点击 “浏览” 可以选择文件夹。
  4. vscode能开发swift吗 vscode swift_Code_04

  5. 在开始菜单文件夹中创建VSCode的快捷方式
  6. vscode能开发swift吗 vscode swift_vscode能开发swift吗_05

  7. 你可以更改开始菜单文件夹名字或者不创建开始菜单文件夹(底部)。
    无论你如何选择,实际上几乎不影响你使用VS Code。
    开始菜单文件夹就是:
  8. vscode能开发swift吗 vscode swift_Code_06

  9. 选择附加任务:按下图选择
  10. vscode能开发swift吗 vscode swift_vscode能开发swift吗_07

  11. 通过 勾选 “将通过code 打开操作添加到windows资源管理器文件上下文菜单”“将通过code 打开操作添加到windows资源管理器目录上下文菜单” 这两项,可以对文件、目录通过点击鼠标右键,选择使用 VScode 打开。说白了就是把vscode添加到右键菜单。
    不勾选 “将code注册为受支持的文件类型的编辑器” 实现不默认使用 VScode 打开诸如 txt,py 等文本类型的文件。因为如果让 VScode 支持的代码文件全部变成VScode 默认打开,文件图标也会随之更改。
    勾选 “添加到PATH(重启后生效)”,使我们不用手动配置环境变量,可以直接使用VScode。
  12. 开始安装
  13. vscode能开发swift吗 vscode swift_编辑器_08

  14. 安装中:静静等待
  15. vscode能开发swift吗 vscode swift_编辑器_09

  16. 安装完成
  17. vscode能开发swift吗 vscode swift_windows_10

  18. 由于勾选了“运行vs code”,所以当你点击 “完成” 键之后,将自动运行vs code。

三、简单使用

1. 界面介绍

vscode能开发swift吗 vscode swift_vscode能开发swift吗_11


其中,vscode可以安装扩展插件:

vscode能开发swift吗 vscode swift_vscode能开发swift吗_12


它会展示出已经安装的插件以及推荐安装的插件。

另外,你也可以在上部搜索框搜索自己需要的插件。

2. 将vscode修改为中文环境

(1)下载中文语言包:

vscode能开发swift吗 vscode swift_编辑器_13


按照如图所示的步骤:

  1. 在 Extensions 的搜索框中输入 “Chinese”
  2. 选择第一个简体中文,点击 “Install” 下载

(2)下载完成后,在右下角出现:点击 “Restart” 重启vscode。

vscode能开发swift吗 vscode swift_windows_14


然后就变成中文界面啦:

vscode能开发swift吗 vscode swift_Code_15


四、使用VScode的Remote-SSH插件实现在远程服务器上开发

文章「效率」使用VScode连接远程服务器进行开发 介绍得非常详细、清楚。

但是上文在配置 config 文件时,少了端口号,有时会导致连接失败。

作为补充,请大家阅读:vscode连接SSH远程服务器(详细版),他的配置文件中有端口号 Port:

vscode能开发swift吗 vscode swift_windows_16


如果你还想设置一劳永逸的免密登录,请参考:VS Code Remote SSH配置,他的 config 文件又多了一项 IdentityFile(本地的id_rsa的路径):

vscode能开发swift吗 vscode swift_Code_17


参考链接

  1. VSCode详细安装教程
  2. 超详细VSCode安装教程(Windows)
  3. vscode的下载、安装
  4. VScode安装、配置和使用