最愛的文本編輯器_VS Code——插件推薦整理

VS Code 是我用起來最舒服的一款編輯器,比起對pycharm的使用,它顯得輕級的多的多。好的插件不僅能提高你的生產力,還可以提高你對代碼的激情 ( (∩_∩) ) :
在讀芯術公衆號中看到一篇介紹到的VScode插件,現在整理一下發出來分享:

整理如下:


1 . WakaTime

https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime
簡單來說就是這款插件可以記錄你的所有編程活動:你每天花多長時間寫代碼,你正在做的所有項目,你使用的所有編程語言,你對每門語言的熟練程度等等。

這一點太絕了!它還能根據你的編程活動做出漂亮的圖表,長這樣:

在這裏插入圖片描述

2 . LiveServer

鏈接:https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

用live server打開頁面就可以省去你每次做完調整後重新更新的煩惱,誰能不愛呢?

在這裏插入圖片描述
3. PathIntellisense

鏈接:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

無論是導入依賴項,在HTML文檔中添加圖像,還是在HTML文件中附加JS腳本或鏈接CSS文檔,我們始終需要將路徑放置到文件中。
這款插件能自動補全路徑:

在這裏插入圖片描述

4 . AutoClose Tag

鏈接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

在這裏插入圖片描述

5.Markdownlint

鏈接:https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint

在GitHub上隨意打開一個開源項目,你會發現它們中的大部分都有的一個共同特點就是入門手冊README.md的文檔格式亂七八糟不統一。

Markdown插件的標記語言旨在易於閱讀、編寫和理解。它成功做到了這一點,不過它的靈活性既是它的優點也是它的缺點。因爲有多種格式,因此可能會出現格式不統一。有些在所有解析器中都無法正常運行的格式應當避免使用。

markdownlint是一款VisualStudio Code擴展插件,內含一套提高Markdown文檔標準性與一致性的規則包。

6.Markdown Preview Enhanced

鏈接:https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced

你是不是已經放棄使用ms-word等軟件而選擇使用markdown製作文本文檔?安裝這款插件後再看看你的markdown:

在這裏插入圖片描述
在這裏插入圖片描述

7 . AutoRename Tag

鏈接:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

最後一款插件是auto rename tag。
從它的名字就能看出來如果你想修改標籤,它就能自動修改已經關閉的標籤

8.Prettier — Code Formatter

鏈接:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

人們總是爲縮進2個空格還是4個空格而爭執不休,還有人縮進8個空格的,這個操作真是令人迷惑啊兄弟?!而你總得把其中一個轉換成另一個格式。不要再去一行行手動添加或刪除空格了,用這款插件就能搞定。

或者考慮另一種情況,你從網上搞到一段代碼或者是你朋友寫了一段代碼,你發現不是每行代碼都有縮進,你該怎麼辦呢?打算手動修改嗎?直接用這款插件就可。

Prettier是一款“有主見的”代碼格式化工具。它通過解析代碼並根據自己的規則(會考慮最大行長)重新打印代碼使代碼風格保持一致,在必要時會打包代碼。

9.Rainbow Brackets

鏈接:https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

不同顏色的括號看起來特別特別酷炫。
這款插件爲圓括號、方括號以及花括號提供彩虹顏色,對Lisp、Clojure、JavaScript等程序員極其有用。
在這裏插入圖片描述
在這裏插入圖片描述
10.vscode-styled-components

鏈接:https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components

VS Code Styled Components是一款超級厲害的語法高亮和智能感知插件。


以上是個人安裝的插件
轉載自:
https://codeburst.io/vs-code-extensions-that-make-me-fall-love-in-programming-each-day-ccf05b24651e

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章