VS Code的安装与配置

Visual Studio Code(VS Code)是微软旗下的一个开源文本编辑器,支持Windows、macOS、Linux操作系统。数量众多、种类多样的插件极大提高了他的可用性。本文主要介绍VS Code的安装、简单的配置、常用插件的功能。

下载与安装

  1. 推荐使用官网下载。

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

  2. 不同系统的安装

    • Windows下的安装注意系统是32位还是64 位 、安装路径,然后一路Next就可以了,安装过程中的有些选项如添加桌面快捷方式等,依据个人喜好决定即可。

    • MacOS下Appstore里目测是没有VSCode,需要从官网下载安装包后安装

    • Linux系统如果是Arch系的,如Manjaro,可以使用如下方式安装:

      • 安装yay(yaourt好像停止维护了)。在终端输入代码:

        sudo pacman -S yay
      • 使用yay安装VSCode。

        yay -S visual-studio-code-bin

简单的配置

  1. 切换中文界面

    • 安装中文简体插件

      点击右侧的“扩展”按钮--在搜索框中输入“chinese”--在插件列表中选择“Chinese (Simplified) Language Pack for Visual Studio Code”插件--点击“install”。即下图的红--蓝--黄--紫顺序。安装其他插件的方法与此类似。

    • 配置中文显示

      点击左下角齿轮状的“Manage”图标 --选择“Command Pallet...”(Windows下快捷键是Ctrl+Shift+P)--在接下来出现的搜索框中输入language--在搜索结果中选择“Configure Display Language”--选择“zh-cn”。

  2. 设置字体字号

    • 字体字号修改

      点击左下角齿轮状的“管理”图标--选择“设置”--在搜索框中输入“font”。即可修改字体、字号等。其中字体要使用系统中已安装的字体才有效。

    • 字体推荐

      比较推荐一个叫“Fira Code”的字体。可以从该项目github的主页下滑找到“Download”进行下载。如果是Windows或者MacOS系统,将压缩包解压后进入ttf文件夹,对每一个".ttf"文件双击,选择安装即可。Manjaro系统可以在“添加/删除软件”中进行搜索,安装对应的包。

  3. 打开允许终端输入

    有些程序会需要用户的输入,如C语言里的getchar()函数,如不允许终端输入,在调试这这类程序时会出错。

    • 打开设置--搜索框中输入“run in terminal”--勾选“Code-runner:Run In Terminal”

常用的插件

  1. 美化类

    • Bracket Pair Colorizer:使用不同的颜色显示不同层级的括号。
    • Material Theme:包括8个暗色主题和2个亮色主题。
    • Dracula Official:包括两种暗色主题。
    • Material Theme Icons:图标插件。可以改变文件夹等在显示时的图标。
    • vscode-icons:图标插件。
  2. 编程类
    • 各类语言插件,如Python等。
    • Auto Close Tag:自动添加HTML/XML的close tag。
    • Code Runner:运行C、C++、Java、python等多种语言的代码,便于调试。安装后右上角会多一个三角形的图标,将代码文件打开后点击该图标即可运行(新编辑的代码需要保存后才能运行)。
    • Code Spell Checker:检查单词的拼写,并提供修正建议。
  3. 编辑类
    • LaTeX language support、LaTeX Workshop:使VSCode支持LaTex编辑(编译需要安装TexLive等软件)。
    • Markdown All in One:使VScode支持Markdown语法。
    • Markdown PDF:可以将MarkDown文件导出成pdf、html、png等格式。安装插件后,在Markdown文件中鼠标右击,即可看到选项。
    • Markdown Preview Enhanced:支持Markdown效果预览。
    • Markdown TOC:可以对含有标题的Makedown文件生成目录。
  4. 其他小工具
    • Path Autocomplete:提供完整路径。
    • Path Intellisense:自动联想文件名。
    • Settings Sync:同步VSCode的配置。可以将本地的配置同步到Github上,在新终端上直接下载下来就可以用了。非常推荐。
    • Trailing Spaces:将每行结尾处的空格标红,便于删除多余的空格(强迫症必备)。
    • GitLens:增强了VSCode内置的Git功能。

VS Code的安装与配置的更多相关文章

  1. Fira Code字体安装与配置

    俗话说,工欲善其事,必先利其器.算法固然重要,但真正实践也很重要. 一个字体的好看程度,直接决定了写代码和看代码的心情.比如这样: 代码1: #include <iostream> #in ...

  2. ASP.NET Core - VSCode安装和配置

    在深入了解ASP.NET Core之前先研究了下主要的两个开发工具(VS 2015和VS Code), VS 2015对Core的支持已经相当的完备,很多操作得到简化用起来很是方便.VS Code是微 ...

  3. Ubuntu下安装并配置VS Code编译C++

    作者:tongqingliu 转载请注明出处:http://www.cnblogs.com/liutongqing/p/7069091.html Ubuntu下安装并配置VS Code编译C++ 安装 ...

  4. VS Code 安装与配置(使用MSYS2环境与mingw-w64 编译环境)

     更正了顺序,之前不知道怎么回事,内容顺序乱了 力求完美.详细,所以希望懂的人留言指点一下. 目前已经开始添加原理解释,希望大家能分享一些gcc gdb C语言等方面优秀链接 后续会慢慢增添内容,修正 ...

  5. Win10+WSL2+Ubuntu 18.04(WSL下)+VS Code(Win10下)+TexLive 2019(Ubuntu下)安装和配置

    本人手头电脑是Win10 Home版全新安装的系统,由于不想在新系统盘里面安装TexLive导致固态硬盘不断扩大,所以,考虑安装Ubuntu做为WSL,然后把TexLive安装在Ubuntu,并通过V ...

  6. CentOS 6.3下Samba服务器的安装与配置方法(图文详解)

    这篇文章主要介绍了CentOS 6.3下Samba服务器的安装与配置方法(图文详解),需要的朋友可以参考下   一.简介  Samba是一个能让Linux系统应用Microsoft网络通讯协议的软件, ...

  7. libCURL开源库在VS2010环境下编译安装,配置详解

    libCURL开源库在VS2010环境下编译安装,配置详解 转自:http://my.oschina.net/u/1420791/blog/198247 http://blog.csdn.net/su ...

  8. Python黑帽编程1.1虚拟机安装和配置 Kali Linux 2016

    Python黑帽编程1.1虚拟机安装和配置 Kali Linux 2016 0.1  本系列教程说明 本系列教程,采用的大纲母本为<Understanding Network Hacks Att ...

  9. windows平台下基于VisualStudio的Clang安装和配置

    LLVM 是一个开源的编译器架构,它已经被成功应用到多个应用领域.Clang是 LLVM 的一个编译器前端,它目前支持 C, C++, Objective-C 以及 Objective-C++ 等编程 ...

随机推荐

  1. IE各版本CSS Hack(兼容性处理)语法速查表

    为了兼容IE各个版本,需要在CSS中添加额外的代码,比如以前常用的_width.之所以工作,是因为浏览器会忽略不能解析的样式规则,因此举个例子来说,把_width写在width下面,对于非IE浏览器会 ...

  2. Python 变量详解[学习 Python 必备基础知识][看此一篇就够了]

    您的"关注"和"点赞",是信任,是认可,是支持,是动力...... 如意见相佐,可留言. 本人必将竭尽全力试图做到准确和全面,终其一生进行修改补充更新. 目录 ...

  3. Cucumber(3)——命令以及日志

    目录 回顾 基本执行命令 关于日志的生成 回顾 在上一节中,我介绍了cucumber一些基本的语法内容,如果你还没有进行相关的了解或者环境的配置,你可以点击这里来进行了解一下 在本节中,我会对cucu ...

  4. 曹工说Redis源码(7)-- redis server 的周期执行任务,到底要做些啥

    文章导航 Redis源码系列的初衷,是帮助我们更好地理解Redis,更懂Redis,而怎么才能懂,光看是不够的,建议跟着下面的这一篇,把环境搭建起来,后续可以自己阅读源码,或者跟着我这边一起阅读.由于 ...

  5. Mac下打开 kvm

    mac 下打开 kvm ,需要装这个 https://www.xquartz.org/

  6. Redis学习与应用-位图

    什么是位图 位图bitmap是通过一个bit来表示某个元素对应的值或者状态,是由一组bit位组成,每个bit位对应0和1两个状态,虽然内部还是采用string类型进行存储,但是redis提供了直接操作 ...

  7. node 搭载本地代理,处理web本地开发跨域问题

    var path = require('path') var httpProxy = require('http-proxy') var express = require('express') va ...

  8. linux find string in files

    http://blog.csdn.net/duguduchong/article/details/7716908 查找目录下的所有文件中是否含有某个字符串 find .|xargs grep -ri ...

  9. 显示 QStringList 的内容

    QStringList s; s << "your" << "string" << "list"; ; ...

  10. vue2.x学习笔记(二十八)

    接着前面的内容:https://www.cnblogs.com/yanggb/p/12682573.html. 生产环境部署 以下大多数内容在你使用vue cli的时候都是默认开启的,仅跟你自定义的构 ...