Visual Studio Code 從簡(jiǎn)介、安裝到配置所需插件詳細(xì)介紹
提到visualstudiocode,想必你也聽(tīng)說(shuō)過(guò)visualstudio（vs）
那就從查閱過(guò)的資料大致總結(jié)以下幾點(diǎn)，關(guān)于這兩個(gè)產(chǎn)品的區(qū)別：
首先總的來(lái)看，它們都是微軟公司的產(chǎn)品
名字不一樣當(dāng)然會(huì)有不一樣的用法或者解釋
區(qū)別：
①先來(lái)介紹vs,它是微軟公司開(kāi)發(fā)發(fā)工具包系列產(chǎn)品，是一個(gè)基本完整的開(kāi)發(fā)工具集，它包括了整個(gè)軟件生命周期中所需要的大部分工具，如UML工具、代碼管控工具、集成開(kāi)發(fā)環(huán)境(IDE)等。通俗的講，是一款編譯器。
而vscode是微軟公司的一個(gè)項(xiàng)目，是針對(duì)于編寫(xiě)現(xiàn)代web和云應(yīng)用的跨平臺(tái)源代碼編輯器。-----含義
②vs各個(gè)功能只能在windows和mac上運(yùn)行
vscode則可以讓用戶在習(xí)慣的平臺(tái)上使用，而不是非要用平臺(tái) ----跨平臺(tái)能力
?、踲s是目前windows平臺(tái)應(yīng)用程序的集成開(kāi)發(fā)環(huán)境（據(jù)我所知現(xiàn)更新的版本為vs 2019），它提供了高級(jí)開(kāi)發(fā)工具、調(diào)試功能、數(shù)據(jù)庫(kù)功能和創(chuàng)新功能，幫助在各種平臺(tái)上快速創(chuàng)建當(dāng)前最先進(jìn)的應(yīng)用程序，開(kāi)發(fā)新的程序。
vscode集成了所有一款現(xiàn)代編輯器所應(yīng)該具備的特性，包括語(yǔ)法高亮，可定制的熱鍵綁定，括號(hào)匹配以及代碼片段收集。
綜上所述：對(duì)于windows平臺(tái)的人而言，無(wú)需使用vscode，但是對(duì)于使用linux，mac平臺(tái)的人來(lái)說(shuō)，尤其是喜歡在不同編輯器之間來(lái)回轉(zhuǎn)換，這是一個(gè)不錯(cuò)的選擇。
vs code安裝:
接下來(lái)我們來(lái)介紹vscode的安裝(主要以圖解+簡(jiǎn)單文字描述)
這是 Visual Studio Code（VS code ）官網(wǎng)?。?a rel="external nofollow" >https://code.visualstudio.com/Download
打開(kāi)鏈接，如上圖所示 我用windows來(lái)演示
其實(shí)點(diǎn)擊運(yùn)行安裝包即可其需要注意的界面是如下圖所示
這樣安裝好后就無(wú)需配置環(huán)境變量，其他步驟均點(diǎn)擊下一步即可
因?yàn)樗且粋€(gè)很簡(jiǎn)潔的文本編輯器，占用空間不超過(guò)100m，但是你在剛安裝完成時(shí)，基本上，除了打字，什么都不能干。需要自己安裝插件并手動(dòng)設(shè)置參數(shù)。
接下來(lái)我來(lái)介紹一些插件，以便你選擇使用
打開(kāi)vscode如下圖所示
1.Settings Sync
最好用的插件，沒(méi)有之一，一臺(tái)電腦配置好之后，其它的幾臺(tái)電腦都不用配置。新機(jī)器登錄一下就搞定了。再也不用折騰環(huán)境了，
使用GitHub Gist同步多臺(tái)計(jì)算機(jī)上的設(shè)置，代碼段，主題，文件圖標(biāo)，啟動(dòng)，鍵綁定，工作區(qū)和擴(kuò)展。
2.Debugger for Chrome
從VS Code調(diào)試在Google Chrome中運(yùn)行的JavaScript代碼。
用于在Google Chrome瀏覽器或支持Chrome DevTools協(xié)議的其他目標(biāo)中調(diào)試JavaScript代碼的VS Code擴(kuò)展。
3.beautify
格式化代碼工具
美化javascript，JSON，CSS，Sass，和HTML在Visual Studio代碼。
4.Atuo Rename Tag
修改 html 標(biāo)簽，自動(dòng)幫你完成頭部和尾部閉合標(biāo)簽的同步修改
5.中文（簡(jiǎn)體）語(yǔ)言包
Chinese (Simplified) Language Pack for Visual Studio Code
將界面轉(zhuǎn)換為中文
6.Code Spell Checker
代碼拼寫(xiě)檢查器
一個(gè)與camelCase代碼配合良好的基本拼寫(xiě)檢查程序。
此拼寫(xiě)檢查程序的目標(biāo)是幫助捕獲常見(jiàn)的拼寫(xiě)錯(cuò)誤，同時(shí)保持誤報(bào)數(shù)量較低。
7.vscode-icons
顯示Visual Studio代碼的圖標(biāo)，目前該插件已被vscode內(nèi)部支持："文件" -> "首選項(xiàng)" -> "文件圖標(biāo)主題"
8.guides
顯示代碼對(duì)齊輔助線，很好用
9.Rainbow Brackets
為圓括號(hào)，方括號(hào)和大括號(hào)提供彩虹色。這對(duì)于Lisp或Clojure程序員，當(dāng)然還有JavaScript和其他程序員特別有用。
10.Bracket Pair Colorizer
用于著色匹配括號(hào)
11.Indent-Rainbow
用四種不同顏色交替著色文本前面的縮進(jìn)
12.filesize
在狀態(tài)欄中顯示當(dāng)前文件大小，點(diǎn)擊后還可以看到詳細(xì)創(chuàng)建、修改時(shí)間
13.Import Cost
對(duì)引入的計(jì)算大小
14.Path Intellisense
可自動(dòng)填充文件名。
15.WakaTime
從您的編程活動(dòng)自動(dòng)生成的度量標(biāo)準(zhǔn)，見(jiàn)解和時(shí)間跟蹤。
16.GitLens
git日志查看插件
GitLens 增強(qiáng)了 Visual Studio Code 中內(nèi)置的 Git 功能。例如 commits 搜索，歷史記錄和和查看代碼作者身份，還能通過(guò)強(qiáng)大的比較命令獲得有價(jià)值的見(jiàn)解等等
17..REST Client
REST客戶端允許您直接發(fā)送HTTP請(qǐng)求并在Visual Studio Code中查看響應(yīng)。
18.Npm Intellisense
用于在 import 語(yǔ)句中自動(dòng)填充 npm 模塊
require 時(shí)的包提示（最新版的vscode已經(jīng)集成此功能）
19.Azure Storage
VS Code的Azure存儲(chǔ)擴(kuò)展允許您部署靜態(tài)網(wǎng)站并瀏覽Azure Blob容器，文件共享，表和隊(duì)列。按照本教程從VS Code部署Web應(yīng)用程序到Azure存儲(chǔ)。
20.Project Manager
它可以幫助您輕松訪問(wèn)項(xiàng)目，無(wú)論它們位于何處。不要再錯(cuò)過(guò)那些重要的項(xiàng)目了。您可以定義自己的收藏項(xiàng)目，或選擇自動(dòng)檢測(cè)VSCode項(xiàng)目，Git，Mercurial和SVN存儲(chǔ)庫(kù)或任何文件夾。
從版本8開(kāi)始，您就有了專門(mén)的項(xiàng)目活動(dòng)欄！
以下是Project Manager提供的一些功能：
將任何項(xiàng)目保存為收藏夾
自動(dòng)檢測(cè)VSCode，GIT中，水銀或SVN存放區(qū)
在相同或新窗口中打開(kāi)項(xiàng)目
識(shí)別已刪除/重命名的項(xiàng)目
一個(gè)狀態(tài)欄標(biāo)識(shí)當(dāng)前項(xiàng)目
專門(mén)的活動(dòng)欄
21.Language Support for Java(TM) by Red Hatredhat.java
22.Todo Tree
此擴(kuò)展可以快速搜索（使用ripgrep）您的工作區(qū)以獲取TODO和FIXME等注釋標(biāo)記，并在資源管理器窗格的樹(shù)視圖中顯示它們。單擊樹(shù)中的TODO將打開(kāi)文件并將光標(biāo)放在包含TODO的行上。找到的TODO也可以在打開(kāi)的文件中突出顯示。
再介紹一些主題
1.Night Owl
一個(gè)非常適合夜貓子的 VS Code 主題。像是為喜歡深夜編碼的人精心設(shè)計(jì)的。
2.Atom One Dark Theme
一個(gè)基于Atom的黑暗主題
3.Dracula Official
官方吸血鬼主題
4.One Dark Pro
Atom標(biāo)志性的One Dark主題，也是VS Code下載次數(shù)最多的主題之一！
5.Bimbo
簡(jiǎn)約而現(xiàn)代的神奇海洋主題
總結(jié)
到此這篇關(guān)于Visual Studio Code 從簡(jiǎn)介、安裝到配置所需插件 的文章就介紹到這了,更多相關(guān)visual studio code 安裝配置插件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在編程的過(guò)程中,使用已經(jīng)封裝好的庫(kù)函數(shù)是十分方便的,也是十分高效的,這篇文章主要給大家介紹了關(guān)于C語(yǔ)言庫(kù)的封裝和使用的相關(guān)資料,需要的朋友可以參考下2021-07-07
C++中String增刪查改模擬實(shí)現(xiàn)方法舉例
這篇文章主要給大家介紹了關(guān)于C++中String增刪查改模擬實(shí)現(xiàn)方法的相關(guān)資料,String是C++中的重要類型,程序員在C++面試中經(jīng)常會(huì)遇到關(guān)于String的細(xì)節(jié)問(wèn)題,甚至要求當(dāng)場(chǎng)實(shí)現(xiàn)這個(gè)類,需要的朋友可以參考下2023-11-11
C語(yǔ)言線性表的順序表示與實(shí)現(xiàn)實(shí)例詳解
這篇文章主要介紹了C語(yǔ)言線性表的順序表示與實(shí)現(xiàn)實(shí)例詳解，對(duì)于學(xué)習(xí)數(shù)據(jù)結(jié)構(gòu)與算法的朋友很有參考借鑒價(jià)值,需要的朋友可以參考下2014-07-07
本文詳細(xì)講解了C語(yǔ)言數(shù)據(jù)的存儲(chǔ)，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-12-12
這篇文章主要為大家詳細(xì)介紹了C++如何使用map容器實(shí)現(xiàn)電子詞典功能，文中的示例代碼講解詳細(xì)，具有一定的借鑒價(jià)值，需要的小伙伴可以參考一下2022-11-11
這篇文章主要介紹了詳解C++ cout格式化輸出完全攻略，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
Qt數(shù)據(jù)庫(kù)應(yīng)用之實(shí)現(xiàn)通用數(shù)據(jù)生成器
有兩種應(yīng)用場(chǎng)景需要用到數(shù)據(jù)生成器，一種是需要測(cè)試數(shù)據(jù)庫(kù)性能，一種是隨機(jī)模擬生成一堆數(shù)據(jù)，用來(lái)測(cè)試程序的性能。本文將利用Qt實(shí)現(xiàn)通用數(shù)據(jù)生成器，需要的可以參考一下2022-02-02
C++ Qt開(kāi)發(fā)之ComboBox下拉組合框組件用法詳解
Qt 是一個(gè)跨平臺(tái)C++圖形界面開(kāi)發(fā)庫(kù),利用Qt可以快速開(kāi)發(fā)跨平臺(tái)窗體應(yīng)用程序,在Qt中,ComboBox（組合框）是一種常用的用戶界面控件,它提供了一個(gè)下拉列表,允許用戶從預(yù)定義的選項(xiàng)中選擇一個(gè),本文給大家介紹QComboBox類的一些常用方法,需要的朋友可以參考下2023-12-12
C語(yǔ)言控制臺(tái)應(yīng)用程序GDI繪制正弦曲線
這篇文章主要為大家詳細(xì)介紹了C語(yǔ)言控制臺(tái)應(yīng)用程序GDI繪制正弦曲線，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
C語(yǔ)言如何寫(xiě)類實(shí)現(xiàn)教程示例
這篇文章主要為大家介紹了C語(yǔ)言如何寫(xiě)類的實(shí)現(xiàn)教程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04