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