10款插件,讓你的VS Code好用10倍

2020-12-26 快快網絡

在最近的 JS 2019 報告中,VS Code 以壓倒性的優勢獲勝第一,今天,小編準備給大家推薦10款好用的插件,即使是讓小白也能快速上手、效率加倍。

1、Chinese(Simplified) Language Pack for Visual Studio Code

這個雖然是最基礎的,但是很有必要說一下。安裝之後一秒漢化 VS code ,再也不用擔心看不懂英文。

2、City Lights theme

這是一個不錯的主題插件,不過挑選主題還是看個人,也可以在直接搜索 「theme」得到很多主題,然後去找到合適自己的哦。

3、Beautify

這也是個神器,它可以放大標記,調整代碼間距,快速格式化代碼,可以讓雜亂的 HTML、CSS、JS代碼瞬間變得整齊,利於他人閱讀,也方便後期維護。

4、vscode-icons

設置文件圖標,根據各種類型的文件,設置對應的文件圖標,讓我們看文件列表的時候,一目了然,能快速找到需要的文件(特別是文件多,類型也多的時候)。

5、Image preview

光標懸浮在圖片路徑上時,顯示圖片預覽,這樣在敲代碼的時候一下子就能知道有沒有引用了正確的圖片或圖標,這個也是很有必要安裝的。

6、Code Spell Checker

日常敲代碼,很多命名都是使用英文單詞,即使是再細心的小夥伴,也有可能會拼錯。這個插件就是單詞拼寫錯時的拯救神器,它可以對錯的單詞進行標記,然後提示單詞的正確拼法。有了它,就不用再因為單詞拼錯,而很煩躁地找bug找半天了。

7、Live Server

做前端開發的時候,經常需要打開瀏覽器進行預覽和調試頁面。這個插件可以實現靜態、動態頁面的實時預覽,保存就能看見頁面更新,不需要手動去刷新,個人覺得很好用。

8、indent-rainbow

寫代碼的時候,能提示我們的縮進是否到位,每步交替四種不同的顏色,沒有到位的話顏色變紅,看著代碼整整齊齊的就很舒心。

9、Rainbow Brackets

Rainbow Brackets能為圓括號,方括號和彎曲的括號提供彩色;相同顏色表示相同級別的括號,孤立的右括號以紅色突出顯示,對寫 JavaScript 的人比較有用。

10、Polacode-2019

這個插件可以把代碼保存成美觀的圖片,主題不同,代碼配色方案也不同,也可以自己設置邊框顏色、大小、陰影,在教程或者文檔中提供代碼示例時挺有用的。

這10款VS Code插件,你收藏了嗎?如果還有什麼想要了解的,可以在下方評論留言給小編~

相關焦點

  • 10款VS Code插件神器,第7款超級實用!
    本文來介紹10款高效的VS Code插件,總有一款能夠驚豔到你。前言我此前寫過一篇有關VS Code的文章:我最終還是選擇了VS code!,沒想到在公眾號和知乎受到很多同學的喜歡,也被多個公眾號先後轉載。
  • 教你打造一款顏值逆天的VS Code
    有的人兩年前下載了一個Sublime text,覺得挺好用,裝了一些滿足功能的插件,一點不裝扮的就能到兩年後。畢竟比windows的記事本好看100倍嘛。可是,作為新時代閃閃發光的各位軟體開發工程師們,在技術變得牛逼了之後,是不是應該提高一下對編輯器的顏值的追求了呢?
  • 乾貨 教你打造一款顏值逆天的VS Code
    有的人兩年前下載了一個Sublime text,覺得挺好用,裝了一些滿足功能的插件,一點不裝扮的就能到兩年後。畢竟比windows的記事本好看100倍嘛。可是,作為新時代閃閃發光的各位軟體開發工程師們,在技術變得牛逼了之後,是不是應該提高一下對編輯器的顏值的追求了呢?
  • 超實用:10 款開發必備的 VS Code 插件!
    VS Code 是這兩年非常熱門的一款 IDE,它不僅有提升開發體驗的界面、輕量化的編輯器,還有豐富而強大的插件,這些優秀的插件使得 VS Code 生態體系更加吸引人,讓開發效率大大提升。本文來介紹 10 款高效的 VS Code 插件,總有一款能夠驚豔到你。前言今天,本文就來介紹 10 款高效、好用的插件,能夠讓原本單薄的 VS Code 如虎添翼,開發效率頓時提升到一個新的級別。
  • 我最終還是選擇了 VS code...
    一直喜歡的有界面的 Pycharm 不能用了,xshell 自家的 Xmanger 收費。只能自己安裝 xming,設置轉發隧道,用 xming 顯示 Pycharm 客戶端。這時候,我覺得也許我可以在探索遠程開發的道路上停下腳步了,但是,這時候我卻遇到了 vs code。
  • 分享幾個我日常使用的VS Code插件
    這是 NPM Intellisense 的姐妹插件。它會執行相同的自動補全,不過針對的是你的文件系統。這倆插件的維護者是同一人,我也不想再錯過這個好東西!如果你只是想嘗試一些東西,不想費勁先設置項目,那麼這款工具就是一個很好的輔助。通過實時檢查輸出,它會立即將輸出顯示在 JavaScript/TypeScript 代碼旁邊,如動圖所示。這是一個很好的擴展,特別適合調試目的。
  • 人生苦短,我用 Visual Studio Code
    俗話說的好:工欲善其事,必先利其器!我最近也一直在尋找一款趁手的開發工具,但是市場上能寫Go語言的不是很多。找來找去發現 vs Code 似乎是個不錯的選擇,輕便強大,自由度高,語言豐富。看看 vs Code 的誕生,在 Build 2015 大會上,微軟除了發布了 Microsoft Edge 瀏覽器和新的 Windows 10 系統外,最大的驚喜莫過於宣布推出免費跨平臺的 Visual Studio Code 編輯器了!Visual Studio Code 為何如此收到歡迎?
  • 推薦10款一直在使用的Chrome提效插件
    10款插件筆者一直在用,部分插件可能有點冷門,但絕壁是提升效率的好幫手,在我眼裡是必備插件。簡單易用,並且高度可定製:例如指定時長、指定白名單等。GitCodeTree作用:相信Geekers對Octotree不會感到陌生——一款GitHub文件樹插件,幫助我們在線閱讀源碼。本插件基於Octotree基礎上開發,同時支持GitHub以及Gitee。
  • 這 6款 VS Code 插件,你值得擁有!
    因此,我對於這款插件比較感興趣。可以讓枯燥的Markdown文檔多一些色彩,通過一些簡單的命令就可以生成Markdown表情。例如,下圖中的示例。gitlinkgitlink是一款輔助和增強VS Code GitHub使用的插件。它具有如下2個特性:
  • 10款插件讓你的Chrome成為全世界最好用的瀏覽器!
    但更重要的是Chrome的插件庫,讓其如虎添翼,擁有更加強大的功能。所以,今天,就分享給大家常用的十款插件。1、Momentum ——定義你的新標籤頁Momentum插件是一款自動更換壁紙,自帶時鐘,任務日曆和工作清單的chrome瀏覽器插件。裡面的圖片全部來自500PX裡面的高清圖,無廣告,無彈窗,非常適合筆記本使用,讓裝逼再上新臺階。感受一下出自細節,觸及心靈的美。
  • VS Code Remote 發布!開啟遠程開發新時代
    這次發布包含了三款核心的全新插件,它們可以幫助開發者在容器、物理機器或虛擬機,以及 Windows Subsystem for Linux (WSL) 中實現無縫的遠程開發。通過安裝 Remote Development Extension Pack ,你可以快速上手遠程開發。
  • Xcode 插件優缺點對比(推薦 20 款插件)
    (就是好不好用)。還有就算你使用了這個工具xcode也是需要重啟才能應用插件的並不能把這一步給省了。2、更新插件不管你是用直接download zip的方法安裝插件的還是用Alcatraz安裝的插件如果插件本身沒有最新xcode的支持,那在你的Xcode更新一個版本後,Xcode插件就會失效了。
  • 10 個混出完美的人聲軌免費插件
    10 個混出完美的人聲軌免費插件如何混出完美的人聲軌:10 個你該知道的免費插件混音人聲時有它的困難度,通常都需要用不同插件來達到自己想要的效果
  • 10個插件 讓你的iPhone比Android更好玩
    今天筆者就來告訴你除了安裝免費軟體,越獄的插件才真正讓你的iPhone變得更加有趣。雖然在早前蘋果在iOS9當中推出的分屏以及畫中畫功能多任務功能只限於iPad Air2、iPad mini4以及即將發售的iPad Pro,但如今依靠一款新插件就能讓你的iPhone使用上這一切。
  • ...的好用的插件,可以極大的幫您提高工作效率,下面分享常用的10個。
    做外貿常用的瀏覽器一般就是谷歌瀏覽器,其實谷歌瀏覽器裡面有非常多的好用的插件,可以極大的幫您提高工作效率,下面分享常用的10個。 05、插件五:Wappalyzer (同時支持 Chrome & Firefox) Wappalyzer是一款功能強大且非常實用的網站技術分析插件。通過這個插件我們能夠分析目標網站所採取的平臺架構,網站環境,伺服器配置環境,程式語言等參數。
  • 強烈推薦 16 款 IDEA 插件,讓你的開發速度飛起來!
    使用:快捷鍵:Ctrl + \ 或Ctrl + Alt + NJclasslib Bytecode Viewer簡介:在幾種字符串格式之間來回切換。有一下幾種格式:使用:按住Shift + Alt再不停的按U,會把選中內容的單詞的下劃線轉駝峰轉大寫等,不停的轉換,直到你想要的。
  • 2019年設計師必備PS插件!每一款都好用到哭泣!
    今天小編為大家盤點了一些2019年度必備的PS插件每一款都好用到哭泣!讓設計師永不脫髮!!Ink是一款PS規範生成插件,此插件允許你快速生成有關特定圖層的詳細信息,例如大小,顏色等,以便為前端提供圖層信息。使用此插件,設計人員可以輕鬆導出規範文檔,以便由於缺乏規範而沒有不準確的前端輸出。
  • 如何混出完美的人聲軌:10 個你該知道的免費插件
    如何混出完美的人聲軌:10 個你該知道的免費插件混音人聲時有它的困難度,通常都需要用不同插件來達到自己想要的效果。
  • 10 款免費電腦單機繪圖、修圖與照片編輯軟體推薦下載
    ▍Paint.net :簡單好用免費修圖軟體,自動化編輯數位照片特效如果你覺得第一個介紹個 Pinta 功能太簡單,想要更進階一點的選擇,那麼「 Perfect Effects 10.5 」的「免費版」,少幾個濾鏡,但依然是很強大的專業照片編輯軟體。
  • 10個設計師專屬的最佳Chrome小插件
    今天就為大家分享一波,這些都是與Chrome擴展程序相關的插件,善用各種專為Chrome打造的擴展小插件,能顯著提升Chrome的效能,幫助設計師更快獲取靈感、學習技巧。為方便大家挑選,下面小編將為大家介紹10款親測且超實用的Chrome小插件,希望能對大家有所幫助。