無論你是經驗豐富的程式設計師,還是剛開始從事第一份工作的程式設計師「小白」,你都想讓程序開發變得更容易。使用正確的工具,你就能夠做到這點。
如果你正在使用的 IDE 是 Visual Studio Code,那可以讓它變得更合你的「口味」。其中一個方式就是安裝正確的插件。你可以儘可能多地安裝插件,從而讓編程變得更容易。
無疑,插件對你的工作效率和工作方式有著很大影響。這就是為什麼我們接下來會看看 Visual Studio Code 的插件清單。
我們改變工具,之後,工具也會改變我們。——Jeff Bezos
注意:所有這些插件都可以在 Visual Studio Marketplace 上面免費獲取。
Visual Studio Marketplace 地址:
https://marketplace.visualstudio.com/
1 Visual Studio IntellicodeVisual Studio Intellicode 有著 320 萬下載量,是 Visual Studio 上下載次數最多的插件。並且,在我看來,它會是你用過的最有用的插件之一。
這個插件能幫助開發人員生成智能代碼補全提示,並且它內置支持很多種程式語言。
Visual Studio Intellicode 使用機器學習技術,通過學習大量 GitHub 項目的代碼,能找到一些編碼模式,然後在你編程時給予代碼提示。
「誰寫的這段代碼?」
每隔一段時間,你都可能需要了解某段代碼是誰寫的。正好,Git Blame 就可以幫你。Git Blame 會告訴你最後修改這行代碼的人是誰。最重要的是,你可以看到這處修改發生在哪次提交裡。
這個信息很有用,特別是當你在某個產品功能分支上開發時尤其有用。當使用產品功能分支開發時,你通過點擊以你分支名命名的標籤,就可以跳到相應信息。由於 Git Blame 會告訴你這行代碼是在哪個提交和哪個分支上修改的,所以你就知道了哪個標籤對應著這次修改。這將幫助你更好地理解這種修改背後的邏輯。
對那些想嚴格遵守一組編碼規則格式的開發者來說,Prettier 是相當有用的插件。它是一個很有吸引力的插件,允許你使用 Prettier 開發包。並且,它是一個健壯的、固守成規的代碼格式化利器,允許開發者將他們的代碼進行格式化。
4 JavaScript(ES6) Code Snippets每一個新潮的 Web 開發者應該都大概率使用過不同類別的 JavaScript 軟體棧部分。不管你選擇了什麼 JavaScript 框架,在不同的項目中直接生成同樣的基礎代碼都將縮短你的工作流程。
JavaScript(ES6) Code Snippets 就是這樣一款便利插件,它為開發者們提供了一些有用的 JavaScript 代碼片段。它將標準的 JavaScript 函數調用綁定到簡單的快捷鍵上。一旦你熟練使用這個插件,它就能極大地提高你的開發效率。
可能你已經猜到了,這款插件可以幫助使用樣式表的開發者。一旦開始為應用程式創建樣式表,你絕對想要使用 Sass 這款插件。這款插件支持縮進 Sass 語法高亮、自動補全和格式化。
當涉及到樣式時,你絕對想要在你的工具庫中加入這個工具。
Path Intellisense 可以快速提高你的開發效率。如果你同時開發多個項目,並使用很多不同的技術,你肯定想要一個方便的工具,它能幫你記住文件路徑。這款插件就能為你節省很多這方面的時間,幫你省去找到正確文件路徑的時間。
如果你想調試 JavaScript 程序,你可以不必離開 Visual Studio Code 開發環境。Debugger for Chrome 這款插件就可以做到這點,它由微軟發布,允許你在 Visual Studio Code 中直接調試網頁源文件。
ESLint 插件將 ESLint 集成進了 Visual Studio Code 中。如果你還不了解這款插件,我簡單說一下,這款插件會靜態分析你的代碼,快速找到代碼中的問題。
ESLint 找到的大部分問題都可以由其自動修復。ESLint 會根據當前文件使用的語法進行自動修復,所以就不會像傳統的「尋找 - 替換」算法那樣產生語法錯誤。最重要的是,ESLint 是高度可定製化的。
SVG Viewer 擴展插件為在 Visual Studio Code 中使用 SVG 圖像提供了大量工具。這款插件能在編輯器中渲染 SVG 文件,這樣就不用離開編輯器也能看到 SVG 圖片的樣子。
而且,這款插件還可以將圖片轉換成 PNG 圖片,以及生成數據 URI 模式。
最後一個,也很重要,這就是 Themes 插件。你每天都要面對你的編輯器,那為什麼不把它裝飾得好看點?有大量插件能改變顏色方案和側邊欄上的圖標。一些受歡迎的免費主題包括:
One Monokai:
https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai
One Dark Pro:
https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
Material Icon:
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
原文連結:https://medium.com/better-programming/10-extremely-helpful-visual-studio-code-plugins-for-programmers-c8520a3dc4b8