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,一个成长中的程序员。

你知道的越多,你不知道的越多

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

注:如果本篇博客有任何错误和建议,欢迎人才们留言!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM