Visual Studio Code(簡稱VS Code)是一款由Microsoft開發(fā)的免費(fèi)開源的跨平臺(tái)代碼編輯器。它輕量且功能強(qiáng)大，支持多種編程語言和開發(fā)技術(shù)，適用于Web開發(fā)、桌面應(yīng)用程序開發(fā)等各種場景。

VS Code簡介

跨平臺(tái)支持：Visual Studio Code可在Windows、macOS和Linux系統(tǒng)上運(yùn)行，適用于不同平臺(tái)的開發(fā)者。

強(qiáng)大的代碼編輯器：VS Code內(nèi)置了智能代碼補(bǔ)全、語法高亮、代碼片段、自動(dòng)縮進(jìn)等功能，使代碼編寫更加高效和準(zhǔn)確。

豐富的插件生態(tài)系統(tǒng)：VS Code擁有龐大的擴(kuò)展插件庫，開發(fā)者可以根據(jù)自己的需求選擇并安裝擴(kuò)展來增強(qiáng)編輯器的功能，如版本控制、調(diào)試工具、代碼自動(dòng)化等。

鍵盤快捷鍵和命令模式：VS Code提供了豐富的鍵盤快捷鍵和命令模式，使得開發(fā)者能夠更快速地進(jìn)行編輯、導(dǎo)航和調(diào)試操作。

內(nèi)置的調(diào)試和測試支持：VS Code內(nèi)置了調(diào)試器，支持多種調(diào)試場景，如JavaScript、TypeScript、Node.js等。開發(fā)者可以在編輯器中方便地進(jìn)行代碼調(diào)試和測試。

版本控制集成：VS Code與常用的版本控制系統(tǒng)(如Git)深度集成，提供了代碼提交、分支管理等功能，方便開發(fā)者進(jìn)行版本控制操作。

豐富的用戶界面和布局：VS Code擁有清晰簡潔的用戶界面，支持自定義布局和工作區(qū)設(shè)置，可以根據(jù)個(gè)人偏好進(jìn)行個(gè)性化配置。

VS Code安裝教程

1雙擊打開已經(jīng)下載好安裝包，進(jìn)入安裝許可界面，在界面中選擇“我同意此協(xié)議”，完成后點(diǎn)擊“下一步”。

2.設(shè)置安裝路徑，默認(rèn)c盤，點(diǎn)擊“瀏覽”可以自行設(shè)置路徑(ps：不建議c盤，因?yàn)闀?huì)影響電腦運(yùn)行速度)，設(shè)置好后點(diǎn)擊“下一步”。

3.進(jìn)入選擇開始菜單文件夾，這里選擇“不創(chuàng)建開始菜單文件夾”(也可以根據(jù)需求選擇創(chuàng)建)，完成后，點(diǎn)擊“下一步”。

4.進(jìn)入選擇其他任務(wù)界面，在界面中根據(jù)需求選擇相應(yīng)的選項(xiàng)安裝，完成后點(diǎn)擊“下一步”。

5.進(jìn)入安裝準(zhǔn)備就緒界面，在界面中核對(duì)信息無誤后，點(diǎn)擊“安裝”。

6.等待系統(tǒng)自動(dòng)安裝，完成后，點(diǎn)擊“完成”，退出安裝。

vscode設(shè)置中文教程

打開vscode后，按快捷鍵“Ctrl+Shift+P”

輸入“configure language“，并回車，選擇第二個(gè)“Install Additional Languages...”

左側(cè)邊就會(huì)出現(xiàn)安裝語言的選擇，選擇第一個(gè)“中文(簡體)”，點(diǎn)擊“Install”

等待一會(huì)就安裝成功了，右下角會(huì)有“Would you like to change VS Code’s UI language to Chinese Simplified and restart?”的提示，詢問你是否切換成中文，選擇下面的“Change Language and Restart”

選擇后軟件會(huì)自動(dòng)重啟，就變中文的了

vscode使用教程

一、命令面板

命令面板是vscode快捷鍵的主要交互界面，可以使用f1或者Cmd+Shift+P(win Ctrl+Shift+P)打開。在命令面板中你可以輸入命令進(jìn)行搜索(中英文都可以)，然后執(zhí)行。

命名面板中可以執(zhí)行各種命令，包括編輯器自帶的功能和插件提供的功能。所以一定要記住它的快捷鍵Cmd+Shift+P

二、在命令行中使用vscode

如果你是 Windows用戶，安裝并重啟系統(tǒng)后，你就可以在命令行中使用 code 或者 code-insiders了，如果你希望立刻而不是等待重啟后使用，可以將 VS Code 的安裝目錄添加到系統(tǒng)環(huán)境變量 PATH中;

如果你是mac用戶，安裝后打開命名面板Cmd+Shift+P,搜索shell命令,點(diǎn)擊在PAth中安裝code命令，然后重啟終端就ok了。

三、光標(biāo)的移動(dòng)

移動(dòng)到行首 Cmd+左方向鍵 (win Home)

移動(dòng)到行尾 Cmd+右方向鍵 (win End)

移動(dòng)到文檔的開頭和末尾 Cmd+上下方向鍵 (win Ctrl+Home/End)

在花括號(hào){}左邊右邊之間跳轉(zhuǎn) Cmd+Shift+ (win Ctrl+Shift+)

四、文本選擇

你只需要多按一個(gè)shift鍵就可以在光標(biāo)移動(dòng)的時(shí)候選中文本

選中單詞 Cmd+D 下面要講的多光標(biāo)也會(huì)講到Cmd+D

對(duì)于代碼塊的選擇沒有快捷鍵，可以使用cmd+shift+p打開命令面板，輸入選擇括號(hào)所有內(nèi)容,待會(huì)說下如何添加快捷鍵

五、代碼移動(dòng)

Option+上下方向鍵(win Alt+上下)

代碼移動(dòng)的同時(shí)按住shift就可以實(shí)現(xiàn)代碼復(fù)制 Option+Shift+上下

六、代碼格式化

對(duì)整個(gè)文檔進(jìn)行格式化：Option+Shift+F (win Alt+Shift+F),vscode會(huì)根據(jù)你使用的語言，使用不同的插件進(jìn)行格式化，記得要下載相應(yīng)格式化的插件

對(duì)選中代碼進(jìn)行格式化： Cmd+K Cmk+F win(Ctrl+K Ctrl+F)

七、代碼縮進(jìn)

真?zhèn)€文檔進(jìn)行縮進(jìn)調(diào)節(jié)，使用Cmd+Shift+P打開命令面板，輸入縮進(jìn),然后選擇相應(yīng)的命令

選中代碼縮進(jìn)調(diào)節(jié)：Cmd+] Cmd+[ 分別是減小和增加縮進(jìn)

八、快速打開文件

Cmd+P (win Ctrl+P)輸入你要打開的文件名,回車打開

九、代碼重構(gòu)

當(dāng)我們想修改一個(gè)函數(shù)或者變量的名字時(shí)候，我們只需把光標(biāo)放到函數(shù)或者變量名上，然后按下 F2，這樣這個(gè)函數(shù)或者變量出現(xiàn)的地方就都會(huì)被修改。

vscode配置python教程

首先，要同時(shí)安裝好python和vscode。

python下載地址：

python中文版編譯器 32/64位 v3.9.2 最新版

授權(quán)：免費(fèi)軟件 WinAll, WinXP, Win7大小：53M語言：中文

python3.8.2是支持多平臺(tái)的編程語言，很多編程軟件都需要python的支持。很多朋友在找python安裝方法和基礎(chǔ)教程，下面小編也將為大家?guī)碓敿?xì)的圖文說明，需要的朋友，可以認(rèn)真閱讀接下來的內(nèi)容哦!官網(wǎng)介紹python一種

下載地址

在vscode里安裝 python 插件

(1)按“Ctrl + Shift + P”鍵，輸入“ext install”，選擇“Extensions:install extension”，按回車鍵。

(2)再輸入“python”

(3)等待安裝成功。

4、在vscode中配置運(yùn)行python程序的命令

(1)按“Ctrl + Shift + P”鍵，搜索“Configure Task Runner”。

(2)打開tasks.json

修改“Command”中的“tsc”為“python”;

修改“showOutput”中的“silent”為“always”;

修改“Arguments”中的‘[“Helloworld.ts”]’為‘[“${file}”]’;

刪除最后的一行屬性“problemMatcher”。

然后保存更改。

(3)使用“Ctrl + Shift + B”執(zhí)行py程序文件即可。

vscode怎么運(yùn)行代碼

1、打開一個(gè)腳本文件，然后打開命令面板，點(diǎn)擊“在活動(dòng)終端中運(yùn)行活動(dòng)文件”即可;

2、選中編輯器中的某段代碼，然后打開命令面板，運(yùn)行“在活動(dòng)終端中運(yùn)行所選文本”即可。

可參考：https://www.php.cn/tool/vscode/467251.html

visual studio code快捷鍵

一、主命令框

F1 或 Ctrl+Shift+P(俗稱萬能鍵) ：打開命令面板。在打開的輸入框內(nèi)，可以輸入任何命令,如下圖(圖片較大，如果查看不清晰，可以在圖片上右鍵 “在新的標(biāo)簽頁中打開圖片”，查看原圖，下同)：

例如：

按一下 Backspace 會(huì)進(jìn)入到 Ctrl+P 模式

在 Ctrl+P 下輸入 > 可以進(jìn)入 Ctrl+Shift+P 模式

在 Ctrl+P 窗口下還可以直接輸入文件名，跳轉(zhuǎn)到該文件

在 Ctrl+P 模式下輸入 “?” 會(huì)彈出下拉菜單

常用的如下：

? 列出當(dāng)前可執(zhí)行的動(dòng)作

! 顯示 Errors或 Warnings，也可以 Ctrl+Shift+M

: 跳轉(zhuǎn)到行數(shù)，也可以 Ctrl+G 直接進(jìn)入

@ 跳轉(zhuǎn)到 symbol(搜索變量或者函數(shù))，也可以 Ctrl+Shift+O 直接進(jìn)入

@ 根據(jù)分類跳轉(zhuǎn) symbol，查找屬性或函數(shù)，也可以 Ctrl+Shift+O 后輸入" : "進(jìn)入

# 根據(jù)名字查找 symbol，也可以 Ctrl+T

二、常用快捷鍵

1.編輯器與窗口管理

新建文件: Ctrl+N

文件之間切換: Ctrl+Tab

打開一個(gè)新的VS Code編輯器: Ctrl+Shift+N

關(guān)閉當(dāng)前窗口: Ctrl+W

關(guān)閉當(dāng)前的VS Code編輯器: Ctrl+Shift+W

切出一個(gè)新的編輯器窗口(最多3個(gè)): Ctrl+\

切換左中右3個(gè)編輯器窗口的快捷鍵: Ctrl+1 Ctrl+2 Ctrl+3

2.代碼編輯

(1) 格式調(diào)整

代碼行向左或向右縮進(jìn): Ctrl+[ 、 Ctrl+]

復(fù)制或剪切當(dāng)前行/當(dāng)前選中內(nèi)容: Ctrl+C 、 Ctrl+V

代碼格式化: Shift+Alt+F

向上或向下移動(dòng)一行: Alt+Up 或 Alt+Down

向上或向下復(fù)制一行: Shift+Alt+Up 或 Shift+Alt+Down

在當(dāng)前行下方插入一行: Ctrl+Enter

在當(dāng)前行上方插入一行: Ctrl+Shift+Enter

(2) 光標(biāo)相關(guān)

移動(dòng)到行首: Home

移動(dòng)到行尾: End

移動(dòng)到文件結(jié)尾: Ctrl+End

移動(dòng)到文件開頭: Ctrl+Home

移動(dòng)到定義處: F12

查看定義處縮略圖(只看一眼而不跳轉(zhuǎn)過去): Alt+F12

選擇從光標(biāo)到行尾的內(nèi)容: Shift+End

選擇從光標(biāo)到行首的內(nèi)容： Shift+Home

刪除光標(biāo)右側(cè)的所有內(nèi)容(當(dāng)前行): Ctrl+Delete

擴(kuò)展/縮小選取范圍： Shift+Alt+Right 和 Shift+Alt+Left

多行編輯(列編輯): Alt+Shift+鼠標(biāo)左鍵 或 Ctrl+Alt+Down/Up

同時(shí)選中所有匹配編輯(與當(dāng)前行或選定內(nèi)容匹配): Ctrl+Shift+L

下一個(gè)匹配的也被選中: Ctrl+D

回退上一個(gè)光標(biāo)操作: Ctrl+U

撤銷上一步操作: Ctrl+Z

手動(dòng)保存: Ctrl+S

(3) 重構(gòu)代碼

找到所有的引用: Shift+F12

同時(shí)修改本文件中所有匹配的: Ctrl+F2

跳轉(zhuǎn)到下一個(gè) Error 或 Warning: 當(dāng)有多個(gè)錯(cuò)誤時(shí)可以按 F8 逐個(gè)跳轉(zhuǎn)

(4) 查找替換

查找: Ctrl+F

查找替換: Ctrl+H

(5) 顯示相關(guān)

全屏顯示(再次按則恢復(fù)): F11

放大或縮小(以編輯器左上角為基準(zhǔn)): Ctrl +/-

側(cè)邊欄顯示或隱藏： Ctrl+B

顯示資源管理器(光標(biāo)切到側(cè)邊欄中才有效): Ctrl+Shift+E

顯示搜索(光標(biāo)切到側(cè)邊欄中才有效): Ctrl+Shift+F

顯示(光標(biāo)切到側(cè)邊欄中才有效): Git Ctrl+Shift+G

顯示 Debug: Ctrl+Shift+D

顯示 Output: Ctrl+Shift+U

(6) 其他設(shè)置

自動(dòng)保存：File -> AutoSave(中文界面下“文件”->“自動(dòng)保存”) 或者 Ctrl+Shift+P，輸入 auto

關(guān)于我們

我們想讓他們能夠在他們習(xí)慣的平臺(tái)上使用我們公司的產(chǎn)品，而不是非要遷徙到 Windows 上“。這些平臺(tái)上的很多開發(fā)者們也更樂意于使用像 Sublime Text 這種輕量級(jí)的代碼編輯器，而非像 Visual Studio 這種全特性的 IDE。“很多人都使用 Windows 作為他們的開發(fā)環(huán)境，但是我們也注意到了，還有很多人使用 Linux 和 Mac“，Somasegar，Microsoft 公司的開發(fā)者事業(yè)部總裁在這周稍早時(shí)候?qū)P者如是說道。”

官方介紹

微軟項(xiàng)目 Visual Studio Code (VSCode)是一個(gè)運(yùn)行于 OS X，Windows和 Linux 之上的，針對(duì)于編寫現(xiàn)代 WEB 和云應(yīng)用的跨平臺(tái)編輯器。這標(biāo)志著 Microsoft 第一次向開發(fā)者們提供了一款真正的跨平臺(tái)編輯器。

軟件特色

1.可定制的熱鍵綁定(customizable keyboard bindings)，括號(hào)匹配(bracket matching)以及代碼片段收集(snippets)，

2.該編輯器也集成了所有一款現(xiàn)代編輯器所應(yīng)該具備的特性，包括語法高亮(syntax hight lighting)，

3.該編輯器部分基于 Microsoft 為 Visual Studio Online 編寫 Monaco 編輯器時(shí)的經(jīng)驗(yàn)，將一些 Visual Studio 的語言特性帶到 Visual Studio Code 上，例如 Roslyn 項(xiàng)目，Microsoft 的 .NET 編譯器平臺(tái)，在其他編輯器包括 Sublime Text，Vi 以及 Atom 中可用。

語言支持說明

該編輯器支持多種語言和文件格式的編寫，截止2019年9月，已經(jīng)支持了如下37種語言或文件：F#、HandleBars、Markdown、Python、Java、php、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Makefile、HTML、JSON、TypeScript、Batch、Visual Basic、Swift、Less、SQL、XML、Lua、Go、C++、Ini、Razor、Clojure、C#、Objective-C、CSS、javascript、Perl、Coffee Script、Dockerfile。

更新日志

v1.57.1更新內(nèi)容：

工作臺(tái)(Workbench)：引入文件資源管理器和文件圖標(biāo)主題。現(xiàn)在VS Code默認(rèn)擁有兩套圖標(biāo)主題，還可以在市場下載更多。

調(diào)試(Debugging)

擴(kuò)展(Extensions)

編輯：新設(shè)置控制文字包和自動(dòng)保存

快速打開：大型項(xiàng)目打開速度優(yōu)化

擴(kuò)展創(chuàng)作：擴(kuò)展編輯命令A(yù)PI支持VIM仿真

v1.55.2.0更新內(nèi)容：

1.體驗(yàn) VS Code 的高級(jí)編輯功能，而不用創(chuàng)建文件或項(xiàng)目;

2.無需配置文件即可啟用對(duì)單個(gè)文件的快速調(diào)試;

3.新的歡迎主頁，無論是新用戶還是回歸的老用戶，歡迎頁面都可幫助快速入門;

4.Inline 變量顯示，調(diào)試時(shí) inline 變量可見;

5.更快的集成終端，改進(jìn)了集成終端的性能和 Windows 支持。

6.Node.js 調(diào)試配置拓展，能輕松調(diào)試 Mocha 任務(wù)、gulp 任務(wù)，甚至是 Yeoman generators;

7.任務(wù)運(yùn)行支持改進(jìn)，從同一任務(wù)運(yùn)行多個(gè)命令;

8.將源代碼導(dǎo)入項(xiàng)目中后將粘貼板格式化;

9.Markdown 預(yù)覽及其編輯器的 Coupled 視圖;

10.自定義特定語言的設(shè)置;