首頁 > 開發工具 > VSCode > vscode如何安裝插件?常用插件介紹

vscode如何安裝插件?常用插件介紹

青灯夜游
發布: 2020-09-07 10:14:36
轉載
4055 人瀏覽過

vscode如何安裝插件?常用插件介紹

VSCode 全名為 Visual Studio Code,是微軟出的輕量級程式碼編輯器,免費、開源且功能強大。它支援幾乎所有主流的程式語言的語法高亮、智慧程式碼補全、自訂熱鍵、括號匹配、程式碼片段、程式碼對比 Diff、GIT 等特性,支援外掛程式擴充。

相關推薦:《vscode基礎教學

一、怎麼安裝外掛?


方法一:

按F1或Ctrl Shift p,輸入extensions,選擇「擴充功能:安裝擴充功能」

vscode如何安裝插件?常用插件介紹

方法二:

ctrl P 然後輸入>ext install

vscode如何安裝插件?常用插件介紹

#方法三:

點擊圖中位置

vscode如何安裝插件?常用插件介紹

二、常用外掛?


(1)Auto Close Tag

自動關閉HTML/XML標籤

vscode如何安裝插件?常用插件介紹

(2 )Auto Rename Tag

自動完成另一側標籤的同步修改

vscode如何安裝插件?常用插件介紹

(3)Bracket Pair Colorizer

vscode如何安裝插件?常用插件介紹

vscode如何安裝插件?常用插件介紹

##為括號加上不同的顏色,以便區分不同的區塊,使用者可以定義不同括號類型和不同顏色vscode如何安裝插件?常用插件介紹

(4)中文(簡體)語言套件- Chinese (Simplified) Language Pack for Visual Studio Codevscode如何安裝插件?常用插件介紹

將編譯器轉換成中文模式

vscode如何安裝插件?常用插件介紹

1vscode如何安裝插件?常用插件介紹

1vscode如何安裝插件?常用插件介紹

1vscode如何安裝插件?常用插件介紹

#(5)Vetur1vscode如何安裝插件?常用插件介紹

Vue多功能整合插件,包括:語法高亮,智慧提示,emmet,錯誤提示,格式化,自動補全,debugger。 vscode官方欽定Vue插件,Vue開發者必備。

1vscode如何安裝插件?常用插件介紹

1vscode如何安裝插件?常用插件介紹

#(6)Git History Diff

如果你的VSCode開啟了一個Git管理的程式碼,則在VSCode編輯視窗中,可以看到所有的提交記錄、改動文件,包括每一行程式碼的提交時間、提交人,非常方便。

1vscode如何安裝插件?常用插件介紹

1vscode如何安裝插件?常用插件介紹

1vscode如何安裝插件?常用插件介紹#(7)GitLens — Git supercharged

####方便查看git日誌,git多人協作的時候需要查看日誌,能在當前程式碼中查看########################(8)Path Intellisense# #####自動提示檔案路徑,支援各種快速引入檔案#########################(9)markdownlint####### markdown語法糾錯########################(10)Markdown Preview Enhanced######即時預覽markdown,markdown使用者必備# ###########

vscode如何安裝插件?常用插件介紹

(11)Debugger for Chrome

映射vscode上的斷點到chrome上,方便偵錯

2vscode如何安裝插件?常用插件介紹

##(12)ESLint

自動格式化程式碼,以便在整個團隊中保持一致的格式。 ESLint 也可以設定為自動格式化你的程式碼,每當你出現錯誤,它都會向你發出一連串的警告。

2vscode如何安裝插件?常用插件介紹

(13)HTML CSS Support

HTML 中CSS Class 智慧提示

2vscode如何安裝插件?常用插件介紹

(14 )HTML Snippets

智慧型提示HTML標籤,以及標籤意義

2vscode如何安裝插件?常用插件介紹

(15)vscode-fileheader

頂部註解模板,可定義作者、時間等信息,並會自動更新最後修改時間 

快捷鍵: Ctrl Alt i  
#(預設資訊可在檔案→首選項→設定中修改)

2vscode如何安裝插件?常用插件介紹

更多程式相關知識,請造訪:

程式設計教學! !

以上是vscode如何安裝插件?常用插件介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板