首頁 > 文學

把VS Code打造成後端開發的宇宙IDE,也挺爽

作者:由 慕課網 發表于 文學日期:2022-12-16

電腦上手行縮排在哪裡找

作者| 慕課網優質作者

維生素P

本文首發自「慕課網」,想了解更多IT乾貨內容,程式設計師圈內熱聞,歡迎關注!

工欲善其事必先利其器,提高程式設計師的開發效率必須要有一個好的開發工具。而一旦提到開發工具,那麼就絕對會提到火爆到被稱為宇宙IDE的VS Code。

VS Code 在開發領域非常流行,可以說是最受歡迎大家都喜歡用的軟體。

如果你是剛學程式碼剛剛會寫hello world的新手玩家,你可以很順手的用它來寫你的C語言數學題。如果你是業界大拿,純Vim開發,也完全支援。真正的使用者,更多的是日常在開發的普通軟體工程師,一樣配合各種外掛就能很方便的完成日常的工作。

免費學習VS Code 就來慕課網 超多幹貨盡在慕課教程

把VS Code打造成後端開發的宇宙IDE,也挺爽

慕課網

智慧小程式

↑↑↑慕課網 免費VS Code課程 戳 瞭解詳情

VS Code 不僅僅是一個程式碼編輯器,它靠強大的生態,可以滿足你各種各樣的需求。不論什麼語言,只要裝上外掛就能有基礎IDE的功能。不論什麼水平,只要簡單操作,就能完全搭配好適合自己的開發模式。

極度靈活的編輯器,如果你什麼也不裝,他就是個安安靜靜的小編輯器。如果你裝上需要的差距,他就是個強大的生產力機槍。

為什麼大家都喜歡用呢?主要的原因是學習曲線非常友好,新手上手使用極快。同時,藉助開源,功能方面社群一直都有在跟進,再加上大量的外掛構成的生態,組成了這樣的極其靈活的IDE。

上手簡單,按需裝配,極度靈活,顏值高,效能好,這就是無敵的宇宙IDE---VS Code。

如果你還不知道怎麼用,得趕緊往下看看學起來了!

# 介紹

目前軟體開發行業的編輯器主要就是兩種思路,一種是傳統的IDE, Integrated Development Environment, 整合開發環境,除了基本的編輯功能,裡面有你開發所需要的其他東西,語法高亮,implement跳轉,版本控制等等,比如 Jetbrain 的 IDEA,Rider,PyCharm等等。

另一種則是輕量的思路,用編輯器+配置項來搭建開發環境。比如說 Emac,vim,Sublime Text,VS Code。

傳統的IDE一般不需要太多動手的東西,很多配置項都在選單裡,動動滑鼠就搞定了。而Emac, Vim, Sublime Text 又有一些太純粹,新手的上手學習成本會稍稍大一些,需要花一些時間去學習和了解,經過一番折騰才能弄好一個比較適合自己的開發環境。

VS Code近年來可以算是爆炸式的增長,一方面是因為軟體本身有微軟的推廣,另一方面也是得益於微軟的應用市場拓展。海量的開發者給出了大量好用的拓展,使其變成了生態極好的一個編輯器,既可以純粹輕量化什麼也不裝當個編輯器,也可以透過拓展武裝變成一個重度IDE。

這正是推薦VS Code的原因,也是他的優點。

VS Code的使用方法也很簡單,下載安裝,開啟編輯器即可編輯任何文字內容,安裝上各種拓展配置之後,就能極其順手的編輯任何內容,所以也戲稱為宇宙IDE。

VS Code 雖然也需要折騰一下,但是總體還是比 Vim 和 Emac 更加好上手的選擇,所以寫一篇後端開發配置的分享實踐指南,希望能對各位後端開發的朋友們有所幫助。

# 內容概述

0 下載安裝

1 Markdown 配置

2 C/C++ 配置

3 Python 配置

4 Shell指令碼配置

5 Java 配置

# 下載安裝

牢記一句話,只有官方渠道才是正經渠道。

Windows下載任何軟體,如果不想承擔莫名其妙的風險,請善用英文和Bing搜尋,到官網下載正經的安裝包,也可以去微軟 Microsoft Store 下載。(前提是你C盤空間預設比較大)

Mac 優先找 App Store 或者命令列 homebrew

https://docs。brew。sh/Installation

brew search xxxx

brew install ——cask xxxx

VS Code 官網下載地址:

https://code。visualstudio。com/Download

把VS Code打造成後端開發的宇宙IDE,也挺爽

安裝的時候,如果自己是分了盤,希望軟體不要佔用C盤系統盤的話,記得改下安裝路徑

# 1 Markdown 配置

如果你還不知道什麼是 Markdown,那麼強烈建議你學習和了解一下。Markdown是一種比word文件更方便,更易讀易寫,並且排版簡約好看的一種文字轉換工具。

只要你簡單熟悉一下基本語法,就可以寫出一篇很漂亮的文件。形式上包羅永珍,甚至激進一點來說,寫 markdown 迴歸到了寫文件的本質,並且很多時候匯出 PDF 和 匯出 Word 即可相容辦公室或同學圈的office工作流。

把VS Code打造成後端開發的宇宙IDE,也挺爽

理工科寫文章或者文件,用 markdown 還可以寫 LaTex。

要不然在 Word 裡用滑鼠點點點來寫公式那是真的費勁。。。。

把VS Code打造成後端開發的宇宙IDE,也挺爽

外掛:

絕大多數的外掛,都是直接會顯示在右鍵選單裡的,少數一些功能,則需要喚起命令輸入。

外掛的具體使用方法,請務必在安裝的時候閱讀一下文件。

l Markdown All in One

基本功能多合一禮包,都是簡單實用的基本功能。

功能在 Table of Contents 的目錄裡看

Features 底下有詳細介紹,常用基礎功能都在這個外掛裡了。

一定要去看底下的用法,不然如果安裝了這個多合一又去為一些單獨的小功能安裝其他外掛,豈不是多此一舉。

l Markdown Preview Enhanced

增強版預覽功能

Introduction

Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc。 A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown。

把VS Code打造成後端開發的宇宙IDE,也挺爽

l Markdown PDF

PDF匯出外掛,通常情況下md寫的文件接收方對面未必能接受,匯出成PDF是防止格式錯亂,並且易於對方預覽的最佳選擇之一。

# 2 C/C++ 配置

配置C語言環境:

如果是mac,不需要這一步配置,mac自帶gcc和g++。

如果是linux,直接用包管理器安裝 gcc和g++ 即可。

sudo apt-get instal gcc g++

(用Linux的玩家應該不用我教怎麼配C環境)

如果是windows,稍稍麻煩一些。

下載安裝包並且安裝MinGW:

GCC可以編譯你的C程式碼,為了在 Windows 上安裝 GCC,需要安裝 MinGW。

下載東西儘量去官網正式渠道下載,沒必要找人家分享的網盤連結來下。

MinGW 官網:http://www。mingw。org

開啟官網,點選右上角的 Downloads

把VS Code打造成後端開發的宇宙IDE,也挺爽

點選左側的藍色按鈕 下載 mingw-get-setup。exe

把VS Code打造成後端開發的宇宙IDE,也挺爽

此時應該在10秒之內,自動彈出一個下載框。如果沒有下載框,則再點選一下圖裡的紅色方框部分。

完成下載之後,雙擊開啟進行安裝。注意記下安裝路徑。

把VS Code打造成後端開發的宇宙IDE,也挺爽

點 Install

把VS Code打造成後端開發的宇宙IDE,也挺爽

記一下這個安裝路徑,也可以自己調整安裝到其他地方,點 Continue

如果調整安裝到其他地方,注意檔案路徑不要出現空格,最好也不要有中文。

安裝完會跳出一個這個介面。

在這個窗口裡面安裝相關的包,和命令列後面安裝是一樣的,我們要安裝 gcc,g++,gdb

所以可以勾選

mingw32-gcc-bin

mingw32-gcc-g++-bin

mingw32-gdb-bin

選擇Installation, Apply Changes

這時候 MinGW 就已經成功安裝完畢了。這個東西只是一個管理器,它不是GCC編譯器。

不要忘了開頭的第一段話。GCC可以編譯你的C程式碼,為了在 Windows 上安裝 GCC,需要安裝 MinGW。

設定環境變數Path

設定環境變數Path的目的,是為了能夠在命令列裡,更加方便的直接使用這個MinGW,以及透過這個MingGW安裝的東西。你在電腦裡安裝了 MinGW,目的是透過這個MinGW管理器,來安裝GCC。

把VS Code打造成後端開發的宇宙IDE,也挺爽

開啟開始選單直接搜尋環境變數

把VS Code打造成後端開發的宇宙IDE,也挺爽

系統語言設定成英文的,那就搜 system environment

如果不是win10系統,無法搜到,那就查一下 “win7/win8/xp系統如何開啟環境變數“

把VS Code打造成後端開發的宇宙IDE,也挺爽

點選環境變數

環境變數->系統環境變數 下找到“Path”,雙擊

把VS Code打造成後端開發的宇宙IDE,也挺爽

雙擊系統變數裡的 Path

把VS Code打造成後端開發的宇宙IDE,也挺爽

點選右邊的新建或者瀏覽,把剛安裝的 MinGW 路徑下的 bin資料夾路徑填進去

把VS Code打造成後端開發的宇宙IDE,也挺爽

找到你之前安裝的路徑裡面的 bin 資料夾路徑

比如你的安裝路徑是 “C:\MinGW”,

那麼你需要新增進去的路徑就是 “C:\MinGW\bin”

把VS Code打造成後端開發的宇宙IDE,也挺爽

點選確定,確定,確定,完成設定。

在命令列中使用 MinGW 安裝 GCC

如果之前已經在窗口裡勾選過下面這三個東西並且已經安裝成功,後面這一步去命令列裡安裝是不需要的。

mingw32-gcc-bin

mingw32-gcc-g++-bin

mingw32-gdb-bin

如果是錯過了那個視窗的安裝,你可以重新開啟,或者在命令列裡安裝。

命令列,你可以根據自己的喜好使用 cmd 或者 powershell。

按下快捷鍵 Win+R,輸入 cmd 或者 powershell,點選ok

把VS Code打造成後端開發的宇宙IDE,也挺爽

保證電腦可以正常聯網,保證電腦可以正常聯網,保證電腦可以正常聯網。

安裝GCC: 輸入下面的指令,然後

按回車鍵

。(注意切換為英文輸入法)

mingw-get install gcc

mingw-get install g++

mingw-get install gdb

等它執行一會 直到恢復原來輸入的狀態

到這一步,你的C環境就已經安裝完了。

現在開始進入正題,介紹C/C++的外掛

l C/C++

這個忘記是不是微軟自帶的了,是必須的基礎支援外掛。

l C/C++ Compile Run

按F6以預設引數編譯執行,按F7以自定義引數編譯執行,可以在設定裡面配置gcc/g++的路徑。

l Better C++ Syntax

把VS Code打造成後端開發的宇宙IDE,也挺爽

更好的語法高亮顯示。

但是,在預設的vscode亮色模式下不明顯,外掛作者建議是切換到暗黑模式。

外掛也支援和其他的主題配色一起使用,相容下面的配色主題外掛

XD Theme

Noctis

Kary Pro Colors

Material Theme

One Monokai Theme

Winteriscoming

Popping and Locking

Syntax Highlight Theme

Default Theme Enhanced

lClang-Format

能夠支援格式化程式碼,讓你的程式碼更加整齊。支援C/ c++ /Java/JavaScript/Objective-C/ objective - c++ /Protobuf程式碼。可以在檔案點選右鍵選擇“格式化檔案”(Format Document”)或者使用相關的鍵盤快捷鍵(Windows上按Ctrl+ F,在Linux上按Ctrl+ I,在macOS上則按Ctrl++F)

如果想要在儲存時自動格式化檔案,在vscode的配置檔案 settings。json 裡新增下面的屬性即可。

{“editor。formatOnSave”: true}

對於特別重度的專案,vs code可能不夠順手,還是推薦使用Visual studio 或者CLion 來開發。

# 3 Python 配置

l Python

把VS Code打造成後端開發的宇宙IDE,也挺爽

基本上覆蓋全部功能了。

Jupyter Notebooks 搞資料科學。Pylance 格式化程式碼,都包含在裡面了。

l indent-rainbow

把VS Code打造成後端開發的宇宙IDE,也挺爽

對python對縮排進行高亮支援。層數多了必須得有這個來看程式碼。

始終覺得這種縮排設計是一大任性和敗筆,個人主觀得不喜歡python的這種設計。

# 4 Shell 指令碼配置

lshellman

把VS Code打造成後端開發的宇宙IDE,也挺爽

對shell指令碼提供程式碼補全和提示。

lshellCheck

對指令碼進行語法檢查,而且會標註出來是參考哪一條原則給出提示。

lshell-format

對shell指令碼進行格式化

l Code Runner

把VS Code打造成後端開發的宇宙IDE,也挺爽

vscode裡執行程式,免得再開個命令列。

其實shell指令碼更多是用在運維或者是流水線部署上,很多時候也是要去真實機器或者模擬容器裡跑的。寫shell指令碼多數場景,是一個比較純粹的小指令碼場景,專門去為它裝一個什麼IDE又貌似有點小題大作,用vscode 是挺舒服的選擇。

# 5 Java 配置

不要用 VS Code 去寫大型Java專案

不要用 VS Code 去寫大型Java專案

不要用 VS Code 去寫大型Java專案

請優先考慮使用 IntelliJ IDEA

https://www。jetbrains。com/idea/

如果用過IDEA發現很不習慣,可以考慮下面這兩個IDE

http://www。eclipse。org/downloads/

https://netbeans。apache。org/

如果硬要用的話,用Code Runner 跑點小java也行。

VS Code打算在未來進一步加強對Java的支援,大家可以密切留意一下相關新聞。說不定某一次大改版之後就能對Java有更好體驗了。

# 6 其他工具補充配置

lTabnine

把VS Code打造成後端開發的宇宙IDE,也挺爽

AI自動補全程式碼,功能很強大,就是有點吃記憶體,8g以下記憶體不推薦安裝。

lBetter Comments

對註釋進行更好對高亮標註

lBracket Pair Colorizer

把VS Code打造成後端開發的宇宙IDE,也挺爽

對括號進行更好對高亮支援

lGitLens — Git supercharged

把VS Code打造成後端開發的宇宙IDE,也挺爽

對git的增強顯示。能夠直接在程式碼中看到git記錄,git提交以及git差異,極度舒適。

一 完 一

本文來自學員 維生素P 原創投稿,未經賬號授權,禁止隨意轉載。

歡迎關注「慕課網」,發現更多IT圈優質內容,分享乾貨知識,幫助你成為更好的程式設計師!