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