<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          精選 10 個非常實用的 VS Code 插件

          共 2216字,需瀏覽 5分鐘

           ·

          2020-03-27 23:29


          a5c7a2459df11529e7a92f3ef2852a47.webp


          來源:Daan

          原文:https://medium.com/better-programming/10-extremely-helpful-visual-studio-code-plugins-for-programmers-c8520a3dc4b8

          無論你是經(jīng)驗豐富的開發(fā)人員還是剛剛開始第一份工作的初級開發(fā)人員,你都會想讓自己的開發(fā)工作盡可能輕松一點。正確的工具使用則可以幫助你實現(xiàn)這個目標(biāo)。如果你選擇使用Visual Code作為IDE,你就可以使它符合你的偏好選擇。實現(xiàn)此目的的一種方法是安裝正確的插件。為了讓你的生活盡可能的簡單,你可以添加很多你想要的內(nèi)容。你使用的插件將會對你的工作效率以及工作方式產(chǎn)生很大的影響。這就是為什么我們要運用Visual Studio Code插件列表的原因。
          我們改變工具,工具再改變我們。——杰夫·貝佐斯(Jeff Bezos)
          請注意,所有這些插件都可以在Visual Studio Marketplace?上免費獲得。Visual Studio Intellicode下載超過320萬次的Visual Studio Intellicode是Visual Studio下載次數(shù)最多的插件之一。而且,在我看來,它是你能用到的最有用的插件之一。
          這個插件旨在幫助開發(fā)人員提供智能的代碼完成建議而構(gòu)建的,并且已預(yù)先構(gòu)建了對多種編程語言的支持。
          Visual Studio Intellicode使用機器學(xué)習(xí)技術(shù)來觀察和查找眾多開源GitHub項目中使用的模式,并在編碼時提供建議。dce91504cbb033d185f1d961542bb2c1.webp
          ?Git Blame這是誰做的?!
          有時候,你需要知道是誰寫了這段代碼。好吧,Git Blame進行了救援,它會告訴你最后接觸一行代碼的人是誰。最重要的是,你可以看到它發(fā)生在哪個提交中。
          這是非常好的信息,特別是當(dāng)你使用諸如特性分支之類的東西時。在使用特性分支時,你可以使用分支名稱來引用票據(jù)。因為Git Blame會告訴你哪一個提交(也就是哪個分支)的一行代碼被更改了,所以你就會知道是哪一個票據(jù)導(dǎo)致了這種更改。這有助于你更好地了解更改背后的原因。


          6e1e98f827b7acec7acfdf2594fe2af5.webp


          PrettierPrettier是開發(fā)人員在開發(fā)時需要遵循一組良好規(guī)則的最佳插件之一。它是一個引人注目的插件,讓你可以利用Prettier軟件包。它是一個強大的、自以為是的代碼格式化程序,可以讓開發(fā)人員以結(jié)構(gòu)化的方式格式化他們的代碼。
          Prettier與JavaScript、TypeScript、HTML、CSS、Markdown、GraphQL和其他現(xiàn)代工具一起使用,可以讓你能夠正確地格式化代碼。
          JavaScript (ES6) Code Snippets每個略更新的網(wǎng)頁開發(fā)人員可能都使用過各種JavaScript堆棧。無論你選擇哪種框架,在不同的項目中鍵入相同的通用代碼應(yīng)該會減少你的工作流程。
          JavaScript (ES6)Code Snippets是一個方便的插件,它為空閑的開發(fā)人員提供了一些非常有用的JavaScript代碼片段。它將標(biāo)準(zhǔn)的JavaScript調(diào)用綁定到簡單的熱鍵中。一旦你掌握了竅門,你的工作效率就會大大提高。
          Sass你可能已經(jīng)猜到了,這個插件可以幫助正在使用樣式表的開發(fā)人員。一旦開始為應(yīng)用程序創(chuàng)建樣式表,就一定要使用Sass插件。該插件支持縮進的Sass語法自動設(shè)置語法制導(dǎo)?、自動補全和格式化。
          在樣式方面,你肯定希望將此工具包含在你的工具集中。
          Path IntellisensePath Intellisense是Visual Studio代碼之一,它可以為你的開發(fā)提供有保證的生產(chǎn)力提升。如果你同時處理許多項目,使用了太多不同的技術(shù),那么你肯定會需要一個可以幫你記住路徑名的便捷工具。這個插件將為你節(jié)省大量的時間,否則將浪費在尋找正確的目錄上。
          Path Intellisence最初是用于自動完成文件名的簡單擴展,但它后來被證明是大多數(shù)開發(fā)人員工具集中的寶貴資產(chǎn)。
          Debugger for Chrome如果需要調(diào)試JavaScript,則無需離開Visual Studio Code。微軟發(fā)布的Chrome調(diào)試器允許你可以直接在Visual Studio Code中調(diào)試源文件。


          70aa272109eb756ceb91a287916dd303.webp

          ESLintESLint插件將ESLint集成到Visual Studio Code中。如果你不熟悉它,ESLint就會作為一個靜態(tài)分析代碼的工具來快速發(fā)現(xiàn)問題。
          ESLint發(fā)現(xiàn)的大多數(shù)問題都可以自動修復(fù)。ESLint修復(fù)程序可識別語法,因此你不會遇到由傳統(tǒng)查找和替換算法引入的錯誤。最重要的是,ESLint是高度可定制的。

          SVG Viewer

          SVG Viewer擴展添加了許多實用程序,可用于在Visual Studio Code中使用SVG。這個插件使呈現(xiàn)SVG文件和查看它們的外觀成為可能,而不必離開編輯器。此外,這個插件還具有用于轉(zhuǎn)換為PNG并生成數(shù)據(jù)URI模式的選項。


          7084f8d025d93499a7e28b41548233a6.webp


          Themes最后但并非最不重要的是Themes。既然你每天都會看到你的編輯器,那為什么不把它做得盡可能的漂亮呢?有大量的自定義插件可以改變側(cè)邊欄的配色方案和圖標(biāo)。一些流行的Themes是免費提供的,分別是One Monokai?One Dark Pro?Material Icon?

          ? 這款I(lǐng)DEA插件真是逆天了,代碼那都不是事!


          瀏覽 48
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  91久久久18久久久 | 四虎乱伦视频 | 亚洲黄色电影免费在线观看 | 一级片免费观看视频 | 成人黄片免费 |