上一節(jié)介紹了VS Code 主題、界面美化、快捷鍵、編輯器技巧,詳見2.PYTHON開發(fā)利器之VS Code 主題、界面美化、快捷鍵、編輯器技巧
一、插件安裝方法:
方法一:
方法二:
方法三:
二、VS code 主題集合
1.Night Owl
一個非常適合夜貓子的 VS Code 主題。像是為喜歡深夜編碼的人精心設(shè)計的。
2.Atom One Dark Theme
一個基于Atom的黑暗主題
3.Dracula Official
官方吸血鬼主題,博主用的就是這款,很漂亮
4.One Dark Pro
Atom標(biāo)志性的One Dark主題,也是VS Code下載次數(shù)最多的主題之一!
5.Bimbo
簡約而現(xiàn)代的神奇海洋主題
三、.配置類插件:
1.Settings Sync
最好用的插件,沒有之一,一臺電腦配置好之后,其它的幾臺電腦都不用配置。新機器登錄一下就搞定了。再也不用折騰環(huán)境了,
使用GitHub Gist同步多臺計算機上的設(shè)置,代碼段,主題,文件圖標(biāo),啟動,鍵綁定,工作區(qū)和擴展。
2.Debugger for Chrome
從VS Code調(diào)試在Google Chrome中運行的JavaScript代碼。
用于在Google Chrome瀏覽器或支持Chrome DevTools協(xié)議的其他目標(biāo)中調(diào)試JavaScript代碼的VS Code擴展。
3.beautify
格式化代碼工具
美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代碼。
4.Atuo Rename Tag
修改 html 標(biāo)簽,自動幫你完成頭部和尾部閉合標(biāo)簽的同步修改
5.中文(簡體)語言包
Chinese (Simplified) Language Pack for Visual Studio Code
將界面轉(zhuǎn)換為中文,對英語不好的人,非常友好。例如我。。。
6.Code Spell Checker
代碼拼寫檢查器
一個與camelCase代碼配合良好的基本拼寫檢查程序。
此拼寫檢查程序的目標(biāo)是幫助捕獲常見的拼寫錯誤,同時保持誤報數(shù)量較低。
7.vscode-icons
顯示Visual Studio代碼的圖標(biāo),目前該插件已被vscode內(nèi)部支持:'文件' -> '首選項' -> '文件圖標(biāo)主題'
8.guides
顯示代碼對齊輔助線,很好用
9.Rainbow Brackets
為圓括號,方括號和大括號提供彩虹色。這對于Lisp或Clojure程序員,當(dāng)然還有JavaScript和其他程序員特別有用。
效果如下:
10.Bracket Pair Colorizer
用于著色匹配括號
11.Indent-Rainbow
用四種不同顏色交替著色文本前面的縮進
12.filesize
在狀態(tài)欄中顯示當(dāng)前文件大小,點擊后還可以看到詳細創(chuàng)建、修改時間
13.Import Cost
對引入的計算大小
14.Path Intellisense
可自動填充文件名。
15.WakaTime
從您的編程活動自動生成的度量標(biāo)準(zhǔn),見解和時間跟蹤。
16.GitLens
git日志查看插件
GitLens 增強了 Visual Studio Code 中內(nèi)置的 Git 功能。例如 commits 搜索,歷史記錄和和查看代碼作者身份,還能通過強大的比較命令獲得有價值的見解等等
17..REST Client
REST客戶端允許您直接發(fā)送HTTP請求并在Visual Studio Code中查看響應(yīng)。
18.Npm Intellisense
用于在 import 語句中自動填充 npm 模塊
require 時的包提示(最新版的vscode已經(jīng)集成此功能)
19.Azure Storage
VS Code的Azure存儲擴展允許您部署靜態(tài)網(wǎng)站并瀏覽Azure Blob容器,文件共享,表和隊列。按照本教程從VS Code部署Web應(yīng)用程序到Azure存儲。
20.Project Manager
它可以幫助您輕松訪問項目,無論它們位于何處。不要再錯過那些重要的項目了。您可以定義自己的收藏項目,或選擇自動檢測VSCode項目,Git,Mercurial和SVN存儲庫或任何文件夾。
從版本8開始,您就有了專門的項目活動欄!
以下是Project Manager提供的一些功能:
21.Language Support for Java(TM) by Red Hatredhat.java
這個插件,這個下載次數(shù),安裝就對了。
22.Todo Tree
此擴展可以快速搜索(使用ripgrep)您的工作區(qū)以獲取TODO和FIXME等注釋標(biāo)記,并在資源管理器窗格的樹視圖中顯示它們。單擊樹中的TODO將打開文件并將光標(biāo)放在包含TODO的行上。
找到的TODO也可以在打開的文件中突出顯示。
五、.代碼提示提示類
1.HTML Snippets
完整的HTML代碼提示,包括HTML5
2.HTML CSS Support
在 html 標(biāo)簽上寫class 智能提示css樣式
3.jQuery Code Snippets
jQuery代碼提示
超過130個用于JavaScript代碼的jQuery代碼片段。
只需鍵入字母'jq'即可獲得所有可用jQuery代碼片段的列表。
4.HTMLHint
html代碼檢測,支持html5
六、.語言相關(guān)
1.C#
2.CodeMetrics
計算TypeScript / JavaScript文件的復(fù)雜性。
3.VUE插件
vetur 語法高亮、智能感知、Emmet等
VueHelper snippet代碼片段
ESLint 將ESLint JavaScript集成到VS代碼中。
prettier 代碼規(guī)范性插件
4. Java Extension Pack
它是一組流行的擴展,可以幫助在Visual Studio Code中編寫,測試和調(diào)試Java應(yīng)用程序。查看VS Code中的Java以開始使用。