Visual Studio Code 是一個運行于 OS X,Windows和 Linux 之上的,針對于編寫現代 web 和云應用的跨平臺編輯器,它為開發者們提供了對多種編程語言的內置支持,并且正如 Microsoft 在Build 大會的 keynote 中所指出的,這款編輯器也會為這些語言都提供了豐富的代碼補全和導航功能。
“VS Code 寫代碼是真好用、真爽?！?/p>
想必你也已經聽過身邊不止一個人這么說。最近的 JS 2019 報告中,VS Code 也是以壓倒性的優勢獲勝第一,其他的編輯器只能被無情碾壓在地上摩擦……
JS 2019 報告
但是呢,VS Code 并不是像 PyCharm/WebStorm 那樣開箱即用的,需要額外安裝一些插件、掌握一些快捷鍵和技巧,才能順手的用起來。
我們花了一周的時間,為你整理了可能是最全的 VS Code 新手指南,分為快捷鍵速查表、10個超好用插件、新手使用教程三部分,讓小白也能快速上手、效率加倍。
先上兩張我們整理的 VS Code 常用快捷鍵的速查表:
Mac 快捷鍵
Windows/Linux 快捷鍵
快捷鍵用熟了,才能發現 VS Code 有多方便。真正的大神寫起代碼來那是手不離鍵盤。
Chinese(Simplified) Language Pack for Visual Studio Code
? Microsoft
3,358,698 下載量
安裝之后一秒漢化 VS code ,再也不用擔心看不懂英文。
City Lights theme
? Yummygum
54,054 下載量
這是一個不錯的主題插件,不過挑選主題還是看個人,也可以在直接搜索 “theme”能得到很多主題,找到合適自己的。
Beautify
? HookyQR
3,998,071 下載量
可以放大標記,調整代碼間距,快速格式化代碼,可以讓雜亂的 HTML、CSS、JS代碼瞬間變得整齊,利于他人閱讀,也方便后期維護。
vscode-icons
? VSCode Icons Team
4,237,487 下載量
設置文件圖標,根據各種類型的文件,設置對應的文件圖標,我們看文件列表的時候,一目了然,能快速找到需要的文件(特別是文件多,類型也多的時候)。
Image preview
? Kiss Tamás
123,990下載量
光標懸浮在圖片路徑上時,顯示圖片預覽,這樣我們在敲代碼的時候一下子就能知道有沒有引用了正確的圖片或圖標。
Code Spell Checker
? Street Side Software
970,955下載量
我們日常敲代碼很多命名都是使用英文單詞,粗心的小伙伴可能會拼錯,這個插件就是單詞拼寫錯時的拯救神器,它可以標志錯的單詞,還可以提示單詞的正確拼法。有了它,就再也不用因為單詞拼錯找半天的 bug 了
Live Server
? Ritwick Server
3,551,236下載量
做前端開發的時候,我們需要打開瀏覽器進行預覽和調試頁面。這個插件就可以實現靜態、動態頁面的實時預覽,保存就能看見頁面更新,不需要手動去刷新。
indent-rainbow
? oderwat
567,061下載量
寫代碼的時候,能提示我們的縮進是否到位,每步交替四種不同的顏色,沒有到位的話顏色變紅,看著代碼整整齊齊的就很舒心。
Rainbow Brackets
? 2gua
367,290下載量
為圓括號,方括號和彎曲的括號提供彩色;相同顏色表示相同級別的括號,孤立的右括號以紅色突出顯示,對寫 JavaScript 的人比較有用。
Polacode-2019
? Jeff Hykin
4,704下載量
可以把代碼保存成美觀的圖片,主題不同,代碼配色方案也不同,也可以自己設置邊框顏色、大小、陰影,在教程或者文檔中提供代碼示例時挺有用的。
① 安裝 VS code
VS Code 官方下載地址:https://code.visualstudio.com
根據自己的電腦下載對應的版本,然后安裝即可。
② 進入 VS code
界面上分為這幾個部分,先整體了解下每個部分是做什么的
③ 安裝 VS Code 插件
上面提到的超好用的插件,在這里就可以安裝。
④ 開始寫代碼
首先在自己的電腦新建一個文件夾
然后在 VScode 里面打開這個文件夾,也可以按快捷鍵 (Command /Ctrl+ O)
新建文件(Command/Control + N),要寫后綴名,VScode 才能識別出來是什么類型的文件。
⑤ 開始運行代碼
編輯代碼,保存,用的是上面推薦的 Live Server 插件預覽,安裝插件后,右鍵選擇 " Open with Live Server "打開或點擊右下角的 "Go Live"。
如果你能讀到這里,小編希望你對“VSCode怎么使用”這一關鍵問題有了從實踐層面最深刻的體會,具體使用情況還需要大家自己動手實踐使用過才能領會,如果想閱讀更多相關內容的文章,歡迎關注本站行業資訊頻道!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
據2022年三大運營公布的最新數據顯示，中國移動用戶數量排名第一。據中國移動，2022年1月公司及其各附屬公司移動業務凈增客戶數449.7萬戶，客戶總數達9.61389億戶，其中5G套餐客戶數4.0127億戶。去年底，中國移動的5G套餐客戶數約3.87億戶。據中國電信，2022年1月移動用戶數凈增307萬戶，總數達3.7550億戶；其中，5G套餐用戶數凈增826萬戶，總數達1.9606億戶。中國聯...
(資料圖)最近這段時間總有小伙伴問小編什么是借貸記賬法包括哪些內容是什么，小編為此在網上搜尋了一些有關于什么是借貸記賬法包括哪些內容的知識送給大家，希望能解答各位小伙伴的疑惑。借貸記賬法指的是以會計等式作為記賬原理，以借、貸作為記賬符號，來反映經濟業務增減變化的一種復式記賬方法。包括的內容有：1、借貸記賬法是以借、貸作為記賬符號的一種復式記賬法；2、在借貸記賬法下，任何賬戶都可分為借方和貸方兩個基...
2018年股市為什么大跌?2018年12月28日是2018年a股的最后一個交易日。這一年，a股相當跌宕起伏。對于投資者來說，他們度過了悲傷的2018年，但對于一些企業來說，他們度過了悲慘的2018年。2018的股市已經讓人走的很艱難了。a股三大指數今年以來跌幅均超過20%，而個股情況更為慘烈。根據相關統計可以知道，2018年中，除了股價遭遇腰斬，還有3200多只股票收跌，共有503只股票跌幅超過5...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）
