首先簡要的介紹一下,本專欄的作者之前癡迷于上古神器 —— 編輯器之神vim,特別喜歡折騰,后來偶然的機(jī)會接觸到VS Code,這個基于前端技術(shù)的編輯器引起了我強(qiáng)烈的興趣,果斷轉(zhuǎn)到VS Code(真香啊
先放上本專欄的目錄,滿足一下好奇心:
初識VS Code
美化VS Code
高效編碼
使用VS Code + MinGW-W64進(jìn)行C/C++開發(fā)
使用VS Code + JDK進(jìn)行Java開發(fā)
使用VS Code + Python進(jìn)行Python開發(fā)
使用VS Code編輯Markdown文檔
使用VS Code在線聽網(wǎng)易云
使用VS Code + SSH 進(jìn)行遠(yuǎn)程開發(fā)
使用VS Code + Git進(jìn)行版本控制
最后,歡迎感興趣的小伙伴留言或者通過公眾號后臺私聊我,一起嗨皮^_^
vscode是微軟公司開發(fā)的一款代碼編輯器,為什么稱之為宇宙最強(qiáng)編輯器呢?原因如下:
開源免費(fèi)
輕量級
跨平臺
當(dāng)然,這只是最基本的,它對編程語言的支持更是強(qiáng)大:
內(nèi)置對JavaScript
、TypeScript
、Node.js
的支持;
其他語言的擴(kuò)展生態(tài)系統(tǒng):C/C++
、C#
、Java
、Python
、PHP
、Go
;
運(yùn)行時環(huán)境的支持:.NET
、Unity
;
它提供的快捷鍵綁定擴(kuò)展非常多(Vim, Sublime Text, IntelliJ, Emacs, Atom, Visual Studio, Eclipse)可以根據(jù)我們喜歡的而定,更加有效率的寫代碼~
在代碼管理功能方面,VScode內(nèi)置了使用Git的代碼管理,但是需要系統(tǒng)上先安裝有Git。
除此之外,它強(qiáng)大的擴(kuò)展插件生態(tài)系統(tǒng)還提供各種代碼主題、圖標(biāo)主題等等用于優(yōu)化我們的工作環(huán)境,當(dāng)然,如果你愿意,還可以使用網(wǎng)易云擴(kuò)展聽歌~
VSCode是一個跨平臺的軟件,下載時選擇與自己系統(tǒng)相匹配的:官方下載鏈接(https://code.visualstudio.com)。
VScode在windows下的安裝非常簡單,雙擊安裝包運(yùn)行安裝程序,選擇合適的目錄安裝即可。
在菜單中選擇VS Code或者點(diǎn)擊桌面快捷圖標(biāo)直接運(yùn)行即可:
VScode在自動安裝完成后會自動添加安裝目錄到環(huán)境變量中,重啟后生效,然后我們可以在命令行使用code
運(yùn)行VSCode,其可選項如下:
# 在當(dāng)前目錄下打開VS Code
code .
# 在當(dāng)前目錄下打開VS Code并添加到最近使用目錄
code -r .
# 只打開VS Code,不打開任何目錄和文件
code -n
# 打開VS Code并切換到指定的語言
code --locale=es
# 在命令行輸出VS Code的幫助
code --help
# 打開VS Code并禁用所有擴(kuò)展
code --disable-extensions .
在VScode打開一個目錄時,會自動創(chuàng)建一個.vscode文件夾
,位于打開目錄下。
例如:
tasks.json
對于Task Runner使用;
launch.json
對于調(diào)試器使用;
Visual Studio Code的核心是代碼編輯器:
左側(cè)采用通用用戶界面和瀏覽器布局,顯示您可以訪問的所有文件和文件夾;
右側(cè)顯示編輯器,顯示已打開文件的內(nèi)容;
用戶界面分為五個方面:
A:活動欄
- 位于最左側(cè),可以在視圖之間切換;
B:側(cè)欄
- 包含不同的視圖,如資源管理器,可在您處理項目時為您提供幫助;
C:編輯器
- 編輯文件的主要區(qū)域,可以縱向和橫向并排打開任意數(shù)量的編輯器;
D:面板
- 在編輯器區(qū)域下方顯示不同的面板,以顯示輸出或調(diào)試信息,錯誤和警告或集成終端,面板也可以向右移動以獲得更多垂直空間;
E:狀態(tài)欄
- 有關(guān)已打開項目和編輯的文件的信息;
VS Code內(nèi)置Git代碼版本管理(需要系統(tǒng)先安裝Git),可以方便的進(jìn)行源代碼管理,此處不作詳細(xì)介紹:
VS Code中集成了強(qiáng)大的代碼調(diào)試功能(配合調(diào)試器使用),在使用具體的編程語言時詳細(xì)介紹:
VS Code的一個優(yōu)勢在于代碼編輯器的強(qiáng)大,另一個就是VS Code擁有非常豐富的擴(kuò)展生態(tài)系統(tǒng),在此視圖中可以看到當(dāng)前已啟用的擴(kuò)展和應(yīng)用商店中所有的擴(kuò)展: