配置一个适合算法竞赛的vscode

配置一个适合算法竞赛的vscode

1 为什么使用vscode

vscode是一个代码编辑的软件,它并不是IDE。但是凭借着插件,可以使得其拥有和IDE差不多一样的功能,甚至远超IDE。为什么选择vscode,在我看来有以下几点:

  1. 插件功能多:界面主题插件,语言插件,美化插件,跑代码插件等等等真的很方便。
  2. 使用简单灵活:创建单文件源代码并编辑只需要一步。(而vs2017需要创建项目
  3. 速度快:作为一个代码编辑器,打开和响应的速度自然比一些IDE要快。

2 说明

下面的所有操作对于Windows 10系统是绝对可行的。其他版本的系统可能有差异,请仅作为参考

3 基本操作

3.1 下载与安装

下载地址

直接点击Download for Winodws即可,整个安装过程按照默认设置来。

3.2 界面

一开始的界面是全英文的,请不要惊慌,下面介绍各个板块的用途。

05-01

  1. 菜单栏,提供一些操作,配置过程和平常使用基本不会用到。
  2. 比较特殊,从上到下五个图标分别表示:资源管理器(Explorer)搜索(Search)源代码管理(Source control)运行和调试(Run and debug)扩展(Extensions),我们只需要资源管理器扩展就行了,其他可以通过右键把对应的一栏取消勾选来屏蔽掉。
  3. 对应2的一个操作界面。
  4. 编辑各种文件的区域,最上面显示打开了的文件。
  5. 最左端显示语法错误和警告,右端会有一些信息和小的功能。点击最左端可以打开终端窗口。

(不要在意右上角多出来的东西是什么😁)

3.3 安装插件-简体中文语言包

现在是纯英文的界面,这对于英语不好的使用者(本人就是)来说操作一定是不方便的,我们需要安装简体中文语言包。点击插件(Extensions),在搜索框中输入chinese即可找到该插件,点击install安装,安装完后会提示重启软件,按要求操作即可。重启后,整个软件便会以简体中文显示。

05-02

其他插件的安装方法也是这样的,下面不会赘述

3.4 编辑

注:接下来有很多快捷键需要记住。(不用快捷键的人生是不完整的!)

编辑一共有两种方式。

输入快捷键Ctrl+N(或者点击文件->新建文件)可以直接创建一个单文件。文件的类型需要在保存时设定

推荐的方法是先打开一个文件夹再新建文件。在资源管理器(Explorer)无打开的文件夹中点击打开文件夹。选完文件夹后点击新建文件即可在文件夹里创建一个新文件并命名,命名时要设定文件的类型直接在桌面或者资源管理器(windows)中右键通过Code打开也可以打开文件夹

3.5 命令面板

命令面板是vscode的主要交互界面,可以按下Ctrl+Shift+P来打开。在命令面板中你可以输入命令进行搜索(中英文都可以),然后点击就可以执行。通过命名面板可以执行各种命令,包括编辑器自带的功能和插件提供的功能,你可以自行探索一下。

3.6 编辑快捷键

  • 移动光标

  1. 移动到行首:Home
  2. 移动到行尾:End
  3. 移动到文件的开头和末尾:Ctrl+Home/End
  4. 光标跳过单词移动:按住Ctrl
  • 文本选择

  1. 在光标移动的时候选中文本:按住Shift
  2. 选中光标所在的单词的并选中其所有匹配:Ctrl+D
  3. 对于代码块的选择没有快捷键,可以使用Ctrl+Shift+P打开命令面板,输入选择括号所有内容,然后出现对应的指令点击执行即可。你可以设置其快捷键
  • 删除代码

  1. 删除光标所在该行:Ctrl+Shift+K
  • 移动代码

  1. 将光标所在行的代码上下移动:Alt+上下方向键
  2. 将光标所在行的代码复制到上下行:Alt+Shift+上下方向键
  3. 代码缩进:[减小]Shift+Tab[增加]Tab
  • 注释与格式化

  1. 格式化:Alt+Shift+F
  2. 光标所在行注释:Ctrl+/
  • 多光标

  1. 按住Alt,然后用鼠标点,鼠标点在哪里哪里就会出现一个光标
  2. Ctrl+D:第二次按下时,会为所有匹配的单词都分配一个光标
  3. 使用Esc或者鼠标点一下撤销多光标
  • 快速跳转

  1. 按住Ctrl+P输入或者选择文件名可快速跳转至该文件。选中你要打开的文件后,按'Ctrl'+'Enter',就会在一个新的编辑器窗口打开改文件(多窗口是用来对拍代码的好东西,具体使用请自己实践)
  2. 错误在x行,如何快速跳转行?按下Ctrl+G并输入行号,就可以快速跳转到该行
  • 代码重构

当我们想修改一个函数或者变量的名字时候,我们只需把光标放到函数或者变量名上,然后按下F2,这样这个函数或者变量出现的地方就都会被修改。

3.7 终端

终端是vscode中可以让你使用cmdpowershell的一个功能,可以通过按下Ctrl+Shift+`(或者菜单栏终端->新建终端)来打开。终端的页面是这样的:

05-07

看起来不仅仅只有终端,那就都一一介绍一下,最上端的按钮从左到右分别是:

  1. 问题:在有该文件类型的语法检查功能时显示当前文件中的语法错误。
  2. 输出:不需要知道。
  3. 调试控制台:不需要知道。
  4. 终端:上面介绍过了。
  5. 这是一个有下拉列表的选择框,可以切换到不同的终端。
  6. 接下来是新建终端,拆分终端,删除终端,最大化终端和关闭终端面板的按钮。

这就是vscode的终端,需要这个功能来运行和调试程序。

3.7 设置

设置可以通过菜单栏文件->首选项->设置或者快捷键Ctrl+,来打开。这里只介绍一些有用的设置修改。我们只需要修改用户的设置。

  1. 常用设置->files.autoSave设为onFocusChange
  2. 功能->资源管理器->Confirm Delete勾选框勾选。

vscode不仅可以通过设置界面来调整,还可以通过修改settings.json来修改。按下Ctrl+Shift+P打开命令面板,输入setting,点击首选项:打开设置(json),在文件末尾插入以下代码:

"files.autoSave": "onFocusChange",
"explorer.confirmDelete": false,

这样也可以做到和前一种设置相同的效果。要注意的是,json的文件格式:每个语句用逗号隔开,最后一行语句末尾可以不用逗号

4 配置C/C++

4.1 配置MinGW环境

纯净的vscode无法简单快速的运行和调试程序,所以我们需要自己搭建一个环境。这里用的是MinGW+run code插件。

首先我们需要下载MinGW并配置。下载地址

点开页面后拉到下面的下载链接,选择最新的MinGW-W64 GCC-8.1.0。(注:1386表示适合32位,x86_64表示64位,posix表示可移植,win32表示供win32线程,sjljdrawfseh表示异常处理机制(这个选择seh吧))。

下载完之后解压缩文件夹到自己想要放的位置,然后可以配置环境变量了。你需要获得.../MinGW/bin这样的文件路径,然后在系统变量的PATH中添加这个文件路径即可。

验证是否已经配置好,按下Win+R输入powershell运行,输入g++ -v,如果出现以下的提示信息,则配置成功。

05-05

4.2 vscode配置

首先需要安装两个插件:C/C++Code Runner。(请自行安装)

安装完之后打开设置,做以下设置:

  1. 扩展->Run Code configuration->Run In Terminal勾选框勾选。
  2. 扩展->Run Code configuration->Save File Before Run勾选框勾选。
  3. 扩展->Run Code configuration->Ignore Selection勾选框勾选。

设置完后还会有些问题,这时需要配置一下编译和运行的代码。按下Ctrl+Shift+p并输入setting,点击首选项:打开设置(json),在文件末尾插入以下代码:

"code-runner.executorMap":{
    "javascript": "node",
    "java": "cd $dir ; javac $fileName ; java $fileNameWithoutExt",
    "c": "cd $dir ; gcc $fileName -o $fileNameWithoutExt ; ./$fileNameWithoutExt",
    "cpp": "cd $dir ; g++ $fileName -o $fileNameWithoutExt ; ./$fileNameWithoutExt",
    "objective-c": "cd $dir ; gcc -framework Cocoa $fileName -o $fileNameWithoutExt ; $dir$fileNameWithoutExt",
    "php": "php",
    "python": "python -u",
    "perl": "perl",
    "perl6": "perl6",
    "ruby": "ruby",
    "go": "go run",
    "lua": "lua",
    "groovy": "groovy",
    "powershell": "powershell -ExecutionPolicy ByPass -File",
    "bat": "cmd /c",
    "shellscript": "bash",
    "fsharp": "fsi",
    "csharp": "scriptcs",
    "vbscript": "cscript //Nologo",
    "typescript": "ts-node",
    "coffeescript": "coffee",
    "scala": "scala",
    "swift": "swift",
    "julia": "julia",
    "crystal": "crystal",
    "ocaml": "ocaml",
    "r": "Rscript",
    "applescript": "osascript",
    "clojure": "lein exec",
    "haxe": "haxe --cwd $dirWithoutTrailingSlash --run $fileNameWithoutExt",
    "rust": "cd $dir ; rustc $fileName ; $dir$fileNameWithoutExt",
    "racket": "racket",
    "ahk": "autohotkey",
    "autoit": "autoit3",
    "dart": "dart",
    "pascal": "cd $dir ; fpc $fileName ; $dir$fileNameWithoutExt",
    "d": "cd $dir ; dmd $fileName ; $dir$fileNameWithoutExt",
    "haskell": "runhaskell",
    "nim": "nim compile --verbosity:0 --hints:off --run",
    "lisp": "sbcl --script",
    "kit": "kitc --run",
    },

至此,整个C/C++环境就配置完毕了,编写完源文件后点击编辑页右上角的▶按钮就可以直接编译并运行文件,整个运行过程就是在终端像Dev c++那样,非常的轻松和方便。

5 配置Python

5.1 配置Python环境

首先下载Python并安装,选择最新的版本即可,整个安装过程按照默认设置来。附上下载地址

接下来检查是否安装成功,打开powershell输入python后显示如下信息:

05-09

这样就表示安装成功了,先输入import this欣赏一下美文吧。接着输入quit()退出然后输入pip list看看有没有flake8autopep8flake8是一个python的语法检查工具,比较好用。autopep8是一个代码美化工具,也比较好用。我们需要安装它们。没有flake8autopep8的话就输入pip install flake8pip install autopep8来安装它们。

5.2 vscode配置

首先需要安装一个插件:Python。(请自行安装)

接下来按下Ctrl+Shift+P打开命令面板,输入setting,点击首选项:打开设置(json),在文件末尾插入以下代码:

"python.linting.flake8Enabled": true,
"python.formatting.provider": "autopep8",
"python.linting.flake8Args": [
    "--max-line-length=248"
],
"python.linting.pylintEnabled": false,

这样,整个Python环境就配置完毕了,如果你直接看了Python环境的搭建没有看C/C++环境的搭建记得把上一章的最后一段代码复制下来添加到settings.json的结尾。

编写完源文件后点击编辑页右上角的▶按钮就可以直接编译并运行文件,非常的方便。


想了解更多的信息可以自助查询官方文档

感谢浏览😝!

此文章可能会在后续更新,欢迎纠错。