亚洲无码在线播放,青娱乐大香蕉在线视频,美女草比视频,艹逼胖子网站免费视频,做aAAAAA免费视频,91大神精品,性爱片一区二区在线观看,亚洲巨爆乳一区二区三区

關(guān)注、星標(biāo)公眾號，直達(dá)精彩內(nèi)容

來源：網(wǎng)絡(luò)素材

整理：李肖遙

上次推薦的source insight，大家都說有點(diǎn)不好用或者是過時(shí)了，VSCode現(xiàn)在用的多了，所以我特意找了下，這篇文章推薦的插件也很實(shí)用，希望對大家有幫助。

這篇文章不打算講怎么編程，也懶得講過多的理論，但筆者可以打包票，這篇文章會成為你讀過最實(shí)用的文章之一。

VS Code是筆者最喜歡的文本編輯器，它受眾廣泛，可用插件眾多，簡直棒呆。所以今天，筆者打算寫一寫自己用過的VS Code擴(kuò)展插件，它們不僅能提高你的生產(chǎn)力，還能讓你寫出騷里騷氣的代碼。

本文分為兩部分介紹，一是提高生產(chǎn)力的擴(kuò)展插件，二是編程格式擴(kuò)展插件。既然一會兒要談到格式，先讓大家看看筆者的VS Code長什么樣：

別被這里的終端顯示迷惑了，筆者是windows用戶

媽耶，這文本編輯器也太好看了叭，代碼也好好看。各位別急，我們這就切入正題。

提高生產(chǎn)力的VS Code 擴(kuò)展插件

擴(kuò)展插件實(shí)在是太多了，筆者一人之力窮盡所有優(yōu)秀插件不太現(xiàn)實(shí)，所以這個(gè)列表絕不是完整的。如果有你覺得很實(shí)用的而本文沒有提到，評論區(qū)見~

1.WakaTime

鏈接：

https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime

這是筆者最喜愛的擴(kuò)展插件之一，它要是能全部免費(fèi)就更好了。

它有什么用？簡單來說就是這款插件可以記錄你的所有編程活動：你每天花多長時(shí)間寫代碼，你正在做的所有項(xiàng)目，你使用的所有編程語言，你對每門語言的熟練程度等等。

這一點(diǎn)太絕了！它還能根據(jù)你的編程活動做出漂亮的圖表，長這樣：

2.Visual Studio IntelliCode

鏈接：

https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode

你有沒有想過，要是有一種AI輔助智能感知功能可以建議你下一步寫什么代碼就好啦？嘿嘿，你的設(shè)想就要實(shí)現(xiàn)啦！

Visual Studio IntelliCode擴(kuò)展插件基于對代碼上下文的理解并結(jié)合機(jī)器學(xué)習(xí)提供AI輔助開發(fā)功能，適用于Python, TypeScript/ JavaScript以及 Java的開發(fā)人員。

3.Terminal Here

鏈接：

https://marketplace.visualstudio.com/items?itemName=Tyriar.vscode-terminal-here

對所有有競爭力又不喜歡集成開發(fā)環(huán)境（IDE）而偏愛在文本編輯器寫代碼的程序員來說，你絕對會喜歡這個(gè)插件。

筆者不喜歡在IDE程序里寫代碼，更偏向VS Code文本編輯器。通常用Java寫代碼，有特定的文件習(xí)慣（一個(gè)文檔解決一個(gè)問題）?？赡苣阋呀?jīng)猜到了，要在終端上運(yùn)行一行簡單代碼執(zhí)行Java文檔，筆者每次都要更改目錄定位代碼。這款插件簡直就是筆者的救星！

這款插件可直接在VS Code終端打開當(dāng)前正在工作的目錄，就問你絕不絕？

一鍵操作就能在當(dāng)前工作目錄打開終端！

4. LiveServer

鏈接：

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

用live server打開頁面就可以省去你每次做完調(diào)整后重新更新的煩惱，誰能不愛呢？

5. PathIntellisense

鏈接：

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

無論是導(dǎo)入依賴項(xiàng)，在HTML文檔中添加圖像，還是在HTML文件中附加JS腳本或鏈接CSS文檔，我們始終需要將路徑放置到文件中。這款插件能自動補(bǔ)全路徑，你可以把精力集中在更重要的事情上。

6. NPMIntellisense

鏈接：

https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense

如果你喜歡上面那款插件而且你還是個(gè)節(jié)點(diǎn)開發(fā)人員，筆者保證你也會安裝這款插件。畢竟誰不想在輸入npm包時(shí)能有自動補(bǔ)全或提示的功能呢？

7.ReactJS Code Snippets

鏈接：

https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets

如果你做react開發(fā)卻沒有使用這款插件，你浪費(fèi)了好多時(shí)間！這款插件內(nèi)含許多寫好的代碼模板，當(dāng)我們在寫代碼時(shí)能幫我們大大節(jié)省時(shí)間。

8.Python

鏈接：

https://marketplace.visualstudio.com/items?itemName=ms-python.python

也許在這篇文章里筆者沒法列出這款Python插件的全部功能，但可以肯定的是所有要用到Python的地方，這款擴(kuò)展插件都能滿足需求！

·通過單擊狀態(tài)欄選擇Python解釋器

·????????通過調(diào)試活動欄配置調(diào)試器

·????????通過運(yùn)行“配置測試”命令來配置測試

·????????JupyterNotebook快速啟動

9. AutoClose Tag

鏈接：

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

如果你是個(gè)網(wǎng)頁開發(fā)人員卻沒有使用這款插件來自動閉合你自己寫的標(biāo)簽，不知道你是怎么處理這一問題的哈？手動關(guān)閉標(biāo)簽太煩人了，多虧了這款插件，它能自動關(guān)閉！

10.Markdownlint

鏈接：

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

在GitHub上隨意打開一個(gè)開源項(xiàng)目，你會發(fā)現(xiàn)它們中的大部分都有的一個(gè)共同特點(diǎn)就是入門手冊README.md的文檔格式亂七八糟不統(tǒng)一。

Markdown插件的標(biāo)記語言旨在易于閱讀、編寫和理解。它成功做到了這一點(diǎn)，不過它的靈活性既是它的優(yōu)點(diǎn)也是它的缺點(diǎn)。因?yàn)橛卸喾N格式，因此可能會出現(xiàn)格式不統(tǒng)一。有些在所有解析器中都無法正常運(yùn)行的格式應(yīng)當(dāng)避免使用。

markdownlint是一款VisualStudio Code擴(kuò)展插件，內(nèi)含一套提高M(jìn)arkdown文檔標(biāo)準(zhǔn)性與一致性的規(guī)則包。

11.Markdown Preview Enhanced

鏈接：

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

你是不是已經(jīng)放棄使用ms-word等軟件而選擇使用markdown制作文本文檔？安裝這款插件后再看看你的markdown會變成什么樣！

12. AutoRename Tag

鏈接：

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

最后一款插件是auto rename tag。從它的名字就能看出來如果你想修改標(biāo)簽，它就能自動修改已經(jīng)關(guān)閉的標(biāo)簽

這些就是筆者用來提高生產(chǎn)力的擴(kuò)展插件，接下來推薦幾款讓你立刻愛上你的文本編輯器的擴(kuò)展插件。

改善格式的VS Code擴(kuò)展插件

這里推薦的是幾款筆者用來讓VS Code看起來更加漂亮的擴(kuò)展插件。這種類型的插件有很多，筆者在這里只推薦自己用過的。

圖源：unsplash

1.Prettier — Code Formatter

鏈接：

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

筆者認(rèn)為這款插件本應(yīng)該放在提高生產(chǎn)力推薦名單里的，但是由于它與格式有關(guān)，所以就在這里推薦啦。

人們總是為縮進(jìn)2個(gè)空格還是4個(gè)空格而爭執(zhí)不休，還有人縮進(jìn)8個(gè)空格的，這個(gè)操作真是令人迷惑啊兄弟？！而你總得把其中一個(gè)轉(zhuǎn)換成另一個(gè)格式。不要再去一行行手動添加或刪除空格了，用這款插件就能搞定。

或者考慮另一種情況，你從網(wǎng)上搞到一段代碼或者是你朋友寫了一段代碼，你發(fā)現(xiàn)不是每行代碼都有縮進(jìn)，你該怎么辦呢？打算手動修改嗎？直接用這款插件就可。

Prettier是一款“有主見的”代碼格式化工具。它通過解析代碼并根據(jù)自己的規(guī)則（會考慮最大行長）重新打印代碼使代碼風(fēng)格保持一致，在必要時(shí)會打包代碼。

2.Snazzy Operator

鏈接：

https://marketplace.visualstudio.com/items?itemName=aaronthomas.vscode-snazzy-operator

或許你會覺著它是另外一款VS Code軟件，但筆者真的超愛它！順便提一句，在用這款插件之前別忘了安裝OperatorMono font。

3.Rainbow Brackets

鏈接：

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

不是很有用（抱歉這么說啦），但是不同顏色的括號看起來特別特別酷炫。這款插件為圓括號、方括號以及花括號提供彩虹顏色，對Lisp、Clojure、JavaScript等程序員極其有用。

4.vscode-styled-components

鏈接：

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

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

你注意到本文第一張截圖上的一樣?xùn)|西嗎？給你一個(gè)提示，看看筆者的終端……

如果你是linux或者是mac用戶，這點(diǎn)對你來說可能一點(diǎn)都不新奇。但是對筆者以及筆者所有使用windows的朋友來說就很不一樣了。

這是筆者正在WSL上運(yùn)行Oh-My-Zsh的“agnoster”主題，你可以在谷歌上查到這個(gè)主題代碼。

快去安裝這些插件，get筆者同款“騷氣”代碼吧！

推薦閱讀：

嵌入式編程專輯
Linux 學(xué)習(xí)專輯
C/C++編程專輯
Qt進(jìn)階學(xué)習(xí)專輯
關(guān)注微信公眾號『技術(shù)讓夢想更偉大』，后臺回復(fù)“m”查看更多內(nèi)容，回復(fù)“加群”加入技術(shù)交流群。

長按前往圖中包含的公眾號關(guān)注

動圖展示，讓代碼騷里騷氣的VSCode擴(kuò)展插件