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. Progress笔记

    1. iconv -f gbk -t unicode test.tmp > test.csv 如果出现文件数据补全,需要确认在这之前,output是否已经close,如果output to指定了 ...

  2. three.js obj转js的详细步骤 convert_obj_three.py的用法

    three.js是最近非常流行的一个前端webgl库. js格式的模型文件是three.js中可以直接加载的文件.使用THREE.JSONLoader()直接加载,而不需要引用其它的loader插件. ...

  3. Sprint 5 summary: UI 界面更新,Azure端部署和用户反馈分析 12/28/2015

    本次sprint主要完成的任务有对手机APP的UI界面的更新,同时对Azure客户端的部署进行了相应的学习和有关的程序设计.同时对于ALPHA release的用户反馈做出相应的分析以确定接下来工作的 ...

  4. STL迭代器的使用

    STL的迭代器听起来怪吓人的,其实并不是什么高深的东西,说白了就是定义了一个指向STL的指针.. 对于没个STIL都可以定义 set,,vector ,,map,,,string 定义: set< ...

  5. tensorflow--filter、strides

    最近还在看<TensorFlow 实战Google深度学习框架第二版>这本书,根据第六章里面对于卷基层和池化层的介绍可以发现,在执行 tf.nn.conv2d 和 tf.nn.max_po ...

  6. HTML+CSS教程(六)浮动-float+定位-position+居中问题

    一.浮动(float)1.文档流:是指盒子按照 html 标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置 ...

  7. react: typescript import images alias

    1.webpack.config.js resolve: { extensions: ["ts", "tsx", "js", "j ...

  8. 原生Js贪吃蛇游戏实战开发笔记

    前言 本课程是通过JavaScript结合WebAPI DOM实现的一版网页游戏---贪吃蛇的开发全过程,采用面向以象的思想设计开发.通过这个小游戏的开发, 不仅可以掌握JS的语法的应用,还可以学会D ...

  9. http协议请求流程分析

    http协议请求流程分析 用户输入URL(地址链接)(http://www.baidu.com:80/tools.html)客户端获取到端口及主机名后,客户端利用DNS解析域名,首先客户端的浏览器会先 ...

  10. Linux网络服务第二章DHCP原理与配置

    1.笔记 服务端端口:67 客户端端口:68 dhcliemt -r:释放IP地址 dhcliemt -d:重新获取IP地址 :.,$ s/190.168.200 / 192.168.100 /g 从 ...