Windows 下安装与使用 vscode

导读:本篇文章讲解 Windows 下安装与使用 vscode,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com


一、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

如图:在这里插入图片描述
我们可以看到适合Windows系统的下面有几个不同的版本:

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

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

我下载的是User Installer的64 bit版(因为我的电脑是64位的),下载完成后能看到这样一个可执行文件:
在这里插入图片描述
双击开始安装。

2. 安装步骤

  1. 同意协议
    在这里插入图片描述

  2. 选择安装位置,通过点击 “浏览” 可以选择文件夹。
    在这里插入图片描述

  3. 在开始菜单文件夹中创建VSCode的快捷方式
    在这里插入图片描述
    你可以更改开始菜单文件夹名字或者不创建开始菜单文件夹(底部)。
    无论你如何选择,实际上几乎不影响你使用VS Code。

    开始菜单文件夹就是:
    在这里插入图片描述

  4. 选择附加任务:按下图选择
    在这里插入图片描述
    通过 勾选 “将通过code 打开操作添加到windows资源管理器文件上下文菜单”“将通过code 打开操作添加到windows资源管理器目录上下文菜单” 这两项,可以对文件、目录通过点击鼠标右键,选择使用 VScode 打开。说白了就是把vscode添加到右键菜单。

    不勾选 “将code注册为受支持的文件类型的编辑器” 实现不默认使用 VScode 打开诸如 txt,py 等文本类型的文件。因为如果让 VScode 支持的代码文件全部变成VScode 默认打开,文件图标也会随之更改。

    勾选 “添加到PATH(重启后生效)”,使我们不用手动配置环境变量,可以直接使用VScode。

  5. 开始安装
    在这里插入图片描述

  6. 安装中:静静等待
    在这里插入图片描述

  7. 安装完成
    在这里插入图片描述
    由于勾选了“运行vs code”,所以当你点击 “完成” 键之后,将自动运行vs code。


三、简单使用

1. 界面介绍

在这里插入图片描述
其中,vscode可以安装扩展插件:
在这里插入图片描述
它会展示出已经安装的插件以及推荐安装的插件。
另外,你也可以在上部搜索框搜索自己需要的插件。

2. 将vscode修改为中文环境

(1)下载中文语言包:
在这里插入图片描述
按照如图所示的步骤:

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

(2)下载完成后,在右下角出现:点击 “Restart” 重启vscode。
在这里插入图片描述
然后就变成中文界面啦:
在这里插入图片描述


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

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

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

作为补充,请大家阅读:vscode连接SSH远程服务器(详细版),他的配置文件中有端口号 Port:
在这里插入图片描述
如果你还想设置一劳永逸的免密登录,请参考:VS Code Remote SSH配置,他的 config 文件又多了一项 IdentityFile(本地的id_rsa的路径):
在这里插入图片描述


参考链接

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/119008.html

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!