ubuntu配置vscode全过程（下载安装配置优化插件）

一、安装vscode

下载vscode

当然啦，我们安装vscode，当然要先下载啦，但是但是但是！不要在ubuntu的软件中心(Ubuntu Software)下载！贼坑！下载完不能用！

推荐下载方式：vscode官网

但是勒，官网由于是外网，下载巨慢，放心，这坑我踩过了

官网的下载链接，你copy出来，发现长这样：

https://az764295.vo.msecnd.net/stable/ea3859d4ba2f3e577a159bc91e3074c5d85c0523/code_1.52.1-1608136922_amd64.deb

没错，要修改的地方我已经标红了，替换为以下内容：

vscode.cdn.azure.cn

替换后的链接：

https://vscode.cdn.azure.cn/stable/ea3859d4ba2f3e577a159bc91e3074c5d85c0523/code_1.52.1-1608136922_amd64.deb

把这个链接复制到浏览器打开就好啦，下载速度soso的～

PS：原理就是用国内的镜像服务器加速啦～但是相关的镜像信息我着实没找到。。。

安装vscode

下载之后呢，我们能得到上图所示的文件，然后呢在这个文件夹右击 在终端中打开，最后执行以下命令：

sudo dpkg -i code_1.52.1-1608136922_amd64.deb

最后我们就大功告成啦！

二、配置环境

这里呢我配置的是c、c++和python的环境，其他的我没有配置哦

首先我假如你是刚刚装好的ubuntu，啥都没有install，那么先安装下g++和gcc：

sudo apt-get install gcc
sudo apt-get install g++

安装好了之后呢，我们打开vscode，下载安装Code Runner插件，等到安装成功！我们来测试一下！

这里是三种语言的hello word哦，省的重新敲了：

C语言版本HelloWorld：

#include<stdio.h>
int main(){
    printf("hello world!\n");
    return 0;
}

C++版本HelloWorld：

#include<iostream>
using namespace std;
int main(){
    cout<<"hello world!\n";
    return 0;
}

Python版本HelloWorld：

print('hello world!')

(小声bb，还是python简洁！)

看到运行成功后，也就开始了第三步，优化啦～

三、优化

运行成功后，看看是不是多了一个同名的文件？而且每运行一个就会产生一个？对的！这将导致文件夹的不美观，不好看，占用资源！那么解决方法来啦：

在vscode中按下Ctrl+Shift+P，输入settings，打开配置json文件，复制以下代码：

"code-runner.executorMap": {
        "cpp": "cd $dir && g++ $fileName -std=c++11 -o /home/allen/Documents/code/tmp/cpp && /home/allen/Documents/code/tmp/cpp",
        "c":"cd $dir && gcc $fileName -o /home/allen/Documents/code/tmp/c && /home/allen/Documents/code/tmp/c",
        "python":"cd $dir && python3 -u $fileName"
    },

这是什么意思呢？这里是coderunner的执行命令映射，如果是cpp文件，则执行cpp对应的命令，

这里我们单拉出来一条来解析，其他的也就懂啦。

"cpp": "cd $dir && g++ $fileName -std=c++11 -o /home/allen/Documents/code/tmp/cpp && /home/allen/Documents/code/tmp/cpp",

命令中的&&是执行多个命令的意思，因为coderunner运行后只能执行一条命令，于是我们要运行多个命令怎么办呢？答对了，用&&连接，同时执行！

以上一行命令相当于下列三条命令：

cd $dir
# 切换路径到当前运行文件的路径，保证是在当前文件夹下运行
g++ $fileName -std=c++11 -o /home/allen/Documents/code/tmp/cpp
# g++编译文件并输出至指定文件，将所有的编译的输出文件都指定为一个，解决了一个文件编译出一个文件的问题
/home/allen/Documents/code/tmp/cpp
# 运行指定文件

以上命令你只用修改“/home/allen/Documents/code/tmp/cpp”为你的路径就好啦，比如这样：

"cpp": "cd $dir && g++ $fileName -std=c++11 -o /home/myubuntu/Documents/code/tmp/cpp && /home/myubuntu/Documents/code/tmp/cpp",

大功告成！

但是勒，优化之路怎能到此为止呢？复制我的settings.json，优化功能多多！

1. 控制台输入
2. 运行前保存文件
3. 关闭删除文件弹出的确认框
4. 防止控制台中文乱码
5. 关闭插件自动检测更新和自动更新（莫名其妙卡的原因）
6. python提示信息错误
7. 取消提示js文件中的"File is a CommonJS module"

{
    "code-runner.executorMap": {
        "cpp": "cd $dir && g++ $fileName -std=c++11 -o /home/allen/Documents/code/tmp/cpp && /home/allen/Documents/code/tmp/cpp",
        "c":"cd $dir && gcc $fileName -o /home/allen/Documents/code/tmp/c && /home/allen/Documents/code/tmp/c",
        "python":"cd $dir && python3 -u $fileName"
    },
    "code-runner.temporaryFileName": "t",
    "code-runner.showRunIconInEditorTitleMenu": true,
    "C_Cpp.default.cppStandard": "c++17",
    "C_Cpp.default.cStandard": "c11",
    "code-runner.saveFileBeforeRun": true,
    "code-runner.saveAllFilesBeforeRun": true,
    "code-runner.runInTerminal": true,
    "explorer.confirmDelete": false,
    "editor.tabCompletion": "on",
    "files.autoGuessEncoding": true,
    "explorer.confirmDragAndDrop": false,
    "editor.minimap.enabled": true,
    "editor.suggestSelection": "first",
    "search.followSymlinks": false,
    "workbench.iconTheme": "vscode-icons-mac",
    "http.proxySupport": "off",
    "window.zoomLevel": 0,
    "update.mode": "none",
    "terminal.integrated.shellArgs.windows": [//防止终端出现乱码
        "/K chcp 65001 >nul"
    ],
    "C_Cpp.updateChannel": "Insiders",
    "extensions.autoCheckUpdates": false,
    "extensions.autoUpdate": false,
    "terminal.integrated.rendererType": "dom",
    "git.enabled": false,
    "git.decorations.enabled": false,
    "search.useIgnoreFiles": false,
    "git.autorefresh": false,
    "python.linting.pylintArgs": [
        "--generate-members"
    ],
    "javascript.suggestionActions.enabled": false,
    "editor.formatOnPaste": true,
    "python.languageServer": "Microsoft" //取消提示js文件中的"File is a CommonJS module"
}

四、插件推荐

vscode-icons-mac：mac风格的图标插件，巨好看！

插件商店搜索mac，第一个就是！

五、结语

我是熊子q，一个成长中的程序员。

你知道的越多，你不知道的越多，

欢迎点赞收藏转发一键三连！

注：如果本篇博客有任何错误和建议，欢迎人才们留言！