站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        本篇文章給大家分類匯總了一些VSCode實用插件,可以幫助開發(fā)者提高開發(fā)效率、美觀性等等,希望對大家有所幫助!

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        【推薦學習:《vscode入門教程》】

        一、必備插件

        Chinese(中文)

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        安裝后,按快捷鍵Ctrl+Shift+P,輸入

        configure language

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        Settings Sync(配置同步到云端)

        可以讓我們的vscode配置同步到云端,當我們跟換電腦或者再次安裝vscode的時候,只需要登錄賬號即可同步配置了

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        wakatime(編程時間及行為跟蹤統(tǒng)計)

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        編程時間及行為跟蹤統(tǒng)計

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        二、效率神器

        HTML Snippets(代碼提示)

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        HTML代碼片段,該插件可為你提供html標簽的代碼提示,不用鍵入尖括號了

        Auto Close Tag(自動閉合標簽)

        自動閉合HTML/XML標簽

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        Bracket Pair Colorizer(括號做顏色區(qū)分)

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        括號做顏色區(qū)分

        "workbench.colorCustomizations": {"editorIndentGuide.activeBackground": "#00ffea"}

        Browser Preview(VSCode里面打開瀏覽器)

        可以在vscode里面打開瀏覽器,一邊編碼一邊查看

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        REST Client(接口調(diào)試)

        可以在vscode里面進行接口調(diào)試,提供豐富的api配置方式,讓我們不用離開編輯器也可以隨時調(diào)用接口調(diào)試

        新建一個.http文件,寫下基本的測試代碼,點擊 Send Request即可在右邊窗口查看接口返回結(jié)果,非常nice

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        CSS Peek(css樣式查看器)

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        Partial Diff(文件比較)

        文件比較

        Npm Intellisense(自動完成導入語句中的npm模塊)

        可自動完成導入語句中的npm模塊

        open in browser(快速打開html文件到瀏覽器預覽)

        快速打開html文件到瀏覽器預覽

        Path Intellisense(快速引入文件)

        自動提示文件路徑,支持各種快速引入文件

        Image preview(預覽圖片)

        鼠標懸浮在鏈接上可及時預覽圖片

        三、Git集成

        GitHub Pull requests( 查看和管理GitHub拉取請求和問題)

        在Visual Studio Code中查看和管理GitHub拉取請求和問題

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        Git Graph(Git 圖形化顯示和操作)

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        GitLens(快速查看更改行或代碼塊的對象)

        GitLens可以幫助您更好地理解代碼。快速查看更改行或代碼塊的對象

        GitHistory(可查看和搜索git日志以及圖形和詳細信息)

        GitHistory可查看和搜索git日志以及圖形和詳細信息,同時還支持分支比較,分支管理等操作

        四、美化

        (黑白兩款皮膚)

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        vscode-icons(漂亮的目錄樹圖標主題)

        提供了非常漂亮的目錄樹圖標主題

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        Beautify(右鍵鼠標一鍵格式化)

        在代碼文件右鍵鼠標一鍵格式化 html,js,css

        Vetur(官方欽定Vue插件)

        【吐血總結(jié)】VSCode最全實用插件,助你提升開發(fā)效率!

        VScode官方欽定Vue插件,Vue開發(fā)者必備。內(nèi)含語法高亮,智能提示,emmet,錯誤提示,格式化,自動補全,debugger等實用功能

        代碼風格規(guī)范類插件

        Better Align(代碼優(yōu)雅排版)

        代碼優(yōu)雅排版

        選中代碼配合組合鍵[Ctrl+Shift+p],輸入Align即可

        Better Comments(豐富注釋顏色)

        豐富注釋顏色

        自定義樣式,需要寫入配置代碼

        配置代碼 "better-comments.tags": [ {"tag": "*","color": "#98C379","strikethrough": false,"backgroundColor": "transparent" }] 使用// * 綠色的高亮注釋復制代碼TODO Tree

        五、代碼規(guī)范

        change-case(變量命名規(guī)范)

        變量命名規(guī)范

        JavaScript Booster(代碼改進)

        會提示對應的不合理原因和改進方案

        JavaScript (ES6) code snippets(智能提示與快速輸入)

        ES6語法智能提示,以及快速輸入

        ESlint(嚴謹?shù)囊?guī)范書寫)

        規(guī)范js代碼書寫規(guī)則,如果覺得太過嚴謹,可自定義規(guī)則

        TSLint(書寫規(guī)范)

        ts的書寫規(guī)范,這個插件是一個系列,同時還提供了TSLint (deprecated),TSLint Vue,TSLint Vue-TSX

        Code Spell Checker(拼寫檢查程序)

        是拼寫檢查程序,檢查不常見的單詞,如果單詞拼寫錯誤,會給出警告提示

        koroFileHeader(生成文件頭部注釋和函數(shù)注釋)

        在vscode中用于生成文件頭部注釋和函數(shù)注釋的插件,經(jīng)過多版迭代后,插件:支持所有主流語言,功能強大,靈活方便,文檔齊全,食用簡單!

        不光如此,還能生成一些特別有意思的注釋,比如這一條噴火龍…

        六、裝X神器

        Markdown All in One(書寫Markdown)

        可以在vscode里面快樂的書寫Markdown,功能強大。豐富的快捷鍵,邊寫邊看,輕松轉(zhuǎn)化為html或pdf文件

        vscode-drawio(畫流程圖)

        可以在vscode里面快樂的畫流程圖,新建 .drawio 后綴文件并拖入vscode中

        Polacode-2020(轉(zhuǎn)化成一張逼格滿滿的圖片)

        可以將我們的代碼轉(zhuǎn)化成一張逼格滿滿的圖片

        Live Share(與他人實時進行協(xié)作式編輯和調(diào)試)

        這款神器可以使您能夠與他人實時進行協(xié)作式編輯和調(diào)試

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
        主站蜘蛛池模板: 亚洲国产精品一区第二页| 国产精品水嫩水嫩| 久久亚洲精精品中文字幕| 国产精品激情综合久久 | 欧美日韩精品一区二区三区| 日韩人妻无码精品一专区| 精品日韩在线视频一区二区三区| 欧美精品/日韩精品/国产精品 | 精品人体无码一区二区三区| 久久国产精品国产自线拍免费 | 亚洲av午夜成人片精品网站| 欧美日韩成人精品久久久免费看 | 国产精品视频白浆免费视频| 亚洲中文字幕无码久久精品1| 久久99精品国产麻豆不卡| 国产成人精品久久| 欧美+亚洲+精品+三区| 国产精品毛片久久久久久久 | 国产午夜精品理论片久久| Xx性欧美肥妇精品久久久久久| 精品一区二区久久久久久久网站| 国产亚洲精品岁国产微拍精品| 欧美午夜精品久久久久免费视| 中文字幕一精品亚洲无线一区| 青青热久久国产久精品| 久久久久九九精品影院| 精品欧美一区二区在线观看 | 国产精品免费观看视频| 国产69精品久久久久9999| 99亚洲精品视频| 99久久精品免费看国产| 国产精品 猎奇 另类视频| 国产成人高清精品一区二区三区| 99久re热视频这里只有精品6| 大胸国产精品视频| 国内精品久久久久久久久| 欧美精品福利视频一区二区三区久久久精品 | 蜜臀久久99精品久久久久久小说 | 亚洲AV日韩精品久久久久久久| 亚洲精品成人无限看| 久久亚洲精品人成综合网|