VScode是一个非常酷炫好用的编辑器，具有非常多的语言扩展包，我们可以通过安装这些扩展，来让它成为带有语法高亮的编辑器，当然，我们也可以对其进行配置，使其成为一个IDE。

以Perl为例：

软件准备

VScode ： https://code.visualstudio.com/ 安装就按着进程一路next

Perl: 如果是Linux或者OSX等，系统自带有Perl解释器

如果是Windows,可以下载 Active Perl : https://www.activestate.com/activeperl 安装同VScode

检查Perl是否安装成功

在命令提示符中输入 Perl -v 查看Perl版本号及相关信息（我用的是Perlv5.26.1）

配置VScode

打开VScode ，在Extensions 中输入 Perl

根据需要下载所想要的扩展（我用的是Perl 和 Perl Debug）

创建项目，配置环境

1.创建项目

新建一个文件test.pl

2.配置Perl 编译环境

点击左侧Debug，选择 add configurations，弹出launch.json文件，修改配置如下：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        
        {
            "type": "perl",
            "request": "launch",
            "name": "Perl-Debug local",
            "program": "${file}",
            "exec": "perl",
            "execArgs": [],
            "root": "${workspaceRoot}/",
            "internalConsoleOptions": "openOnSessionStart",
            "windows": {
                "args": []
            },
            "inc": [],
            "args": [],
            "env": {},
            "stopOnEntry": true
        },
        {
            "type": "perl",
            "request": "launch",
            "name": "Perl-Debug remote",
            "program": "${workspaceFolder}/${relativeFile}",
            "root": "${workspaceRoot}/",
            "stopOnEntry": true,
            "port": 5000
        }
    ]
}

具体各个设置及其可选的值的意义可以将鼠标光标移至对应的位置进行查看。这里不再作介绍。

3.显示变量

完成以上，Vscode上已经可以运行Perl程序了，但是调试的时候，左侧的视窗无法显示变量。

这是因为我们还需要在Perl中安装一个模块PadWalker

如果是Windows 系统可以使用命令

c:> cpan PadWalker

如果之前安装好了Active Perl，也可以直接使用ppm命令

c:> ppm install PadWalker

如果是OSX系统，可以使用cpanm

具体命令参考：不同系统安装PadWalker的方法

4.重新打开VScode，调试程序

事先的准备工作可以借助B站大佬的视频VSCode C/C++语言环境自动配置 半分钟部署环境 保证小白一看就会_哔哩哔哩_bilibili

可能他视频中用到的文件链接失效，我提前下载好了，存到网盘里了

链接：https://pan.baidu.com/s/1vw-CGImdTpDV-kQTMkb9TA 
提取码：jbkj 

因为视频稍微有些就远了，下面是我关于配置遇到的一些新问题：

打开上面链接和视频中出现的不一样，是下面这样的内容： 

我们需要做的是，把花括号留下，内容删除。复制下面内容，细节我给大家改好了，直接用就行

 "code-runner.executorMap": {

        "javascript": "node",

        "java": "cd $dir && javac $fileName && java $fileNameWithoutExt",

        "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt && rm $dir$fileNameWithoutExt.exe",

        "cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt && rm $dir$fileNameWithoutExt.exe",

        "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",

        "scheme": "csi -script",

        "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",

        "v": "v run",

        "sass": "sass --style expanded",

        "scss": "scss --style expanded",

        "less": "cd $dir && lessc $fileName $fileNameWithoutExt.css",

        "FortranFreeForm": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",

        "fortran-modern": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",

        "fortran_fixed-form": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",

        "fortran": "cd $dir && gfortran $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"

    }

完事后记得保存。

之后再修改下，在terminal中运行，还有运行前保存等操作勾选上。

第二个问题：

在终端运行可能会提醒你说，powershell为旧版本，大家去官网下载一个新版本就行，然后重启vscode，就可以在终端运行了。

第三个问题：

如果勾选这个，意思是每次终端运行前都会删除之前的输出结果。

可能会这样子：

 就感觉挺丑的，所以大家根据自己的需要，取消勾选后运行就是这样子：

 虽然东西多了点，但是可以接受。

以上就是我的小经验，原本想写来给自己防止忘记，如果能帮到大家那更好啦。

1.下载Git-2.32.0.2-64-bit  下载传送门

2.傻瓜式安装即可

3.图标右键==>打开文件所在位置  定位到安装路径.

 4.配置环境变量.

我的电脑==>右键  ==>属性==>高级系统设置==>环境变量==>系统变量==>path==>

(正常情况下安装完成后系统会帮我们自动配置好)

5.在vscode 中配置

1.找到 配置文件setting.json

点击 查看==>输入setting ==>选中打开 setting.json

2.配置 exe 文件路径(分段符号 ,  千万别漏 红色标记)

,
    "code-runner.executorMap": {
        // "javascript": "node",
        "php": "D:\\BtSoft\\php\\73\\php.exe",
        // "python": "python",
        "bash" : "D:\\GIT\\Git\\git-bash.exe",
        "perl": "perl",
        "ruby": "C:\\Ruby23-x64\\bin\\ruby.exe",
        "go": "go run",
        "html": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\"",
        "java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
        "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"
    },
    "code-runner.languageIdToFileExtensionMap": {
        "bat": ".bat",
        "powershell": ".ps1",
        "typescript": ".ts",
        "git-bash": ".sh",
        "/bin/git-bash": ".sh"
    },
    "code-runner.runInTerminal": true,
    "terminal.integrated.shell.windows": "D:\\Program Files\\Git\\bin\\bash.exe"

 6.新建 test111.sh 文件 在 vscode 中运行看是否正常执行

(在vscode 文件中打开 test111.sh  右键 run code )

正常运行能生成 e.txt 文件

#!/bin/bash
echo "Hello World !"
touch e.txt