--- title: Best DevTools posts — February 2021 | daily.dev description: The most upvoted DevTools posts from February 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/devtools/best-of/2021/02 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/devtools/best-of/2021/02 og:type: website og:site_name: daily.dev og:title: Best DevTools posts — February 2021 | daily.dev og:description: The most upvoted DevTools posts from February 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of DevTools — February 2021 1. 1 [](https://daily.dev/posts/my-12-favorite-vscode-extensions-zspq86aow "My 12 Favorite VSCode Extensions") Article DEV · 6y My 12 Favorite VSCode Extensions VSCode has a huge library of extensions that increase developer productivity. Below are some of my favorite VSCode extensions to help you get the most out of your code. The list includes shortcuts, snippets, formatter, Markdown Preview Enhanced, and Polacode. 110 2 2. 2 [](https://daily.dev/posts/github-surf-open-repositories-in-a-vscode-environment-in-your-browser--hjyblor4 "GitHub Surf — Open repositories in a VSCode environment in your browser") Article Product Hunt · 6y GitHub Surf — Open repositories in a VSCode environment in your browser Surf your repository like a pro. Surf GitHub and Gist repositories on browser with vscode environment. Surf on terminal - surf. command for opening surf on terminal. Embed Collect - Collect all the data you've collected so far on this page. Use this site to help you with your next project. 45 2 3. 3 [](https://daily.dev/posts/creating-a-chrome-extension-with-react-my8ot6vla "Creating a Chrome Extension with React") Article JavaScript in Plain English · 6y Creating a Chrome Extension with React Building a Chrome extension with React is easy. Here we will go through the process of building a Chrome Extension using React. After this, you can add more functionalities to it very conveniently. The extension can access your active tab and change the background colour of the page. We will use this script to build our app. 38 3 4. 4 [](https://daily.dev/posts/13-vscode-extensions-that-every-web-developer-must-use-3tqgen771 "13 VSCode Extensions That Every Web Developer Must Use") Article Medium · 6y 13 VSCode Extensions That Every Web Developer Must Use 35 3 5. 5 [](https://daily.dev/posts/shortcut-menu-bar-for-vscode-add-handy-buttons-to-editor-toolbar-in-vscode--bsmbwjbo "Shortcut Menu Bar for VSCode — Add handy buttons to editor toolbar in VSCode") Article Product Hunt · 6y Shortcut Menu Bar for VSCode — Add handy buttons to editor toolbar in VSCode Add 35+ handy buttons like beautify, show opened files, save, toggle terminal, activity bar, Find replace etc to the editor toolbar in VSCode. You can also create your own buttons with custom commands. Embed these buttons into your own editor toolbar. 24 6. 6 [](https://daily.dev/posts/sublime-text-vs-atom-vs-vs-code-vs-textmate-vs-rubymine-vs-vim-sbpnmr9k2 "Sublime Text vs Atom vs VS Code vs TextMate vs RubyMine vs Vim") Article The Startup · 6y Sublime Text vs Atom vs VS Code vs TextMate vs RubyMine vs Vim When I learnt C in 1995 I used a DOS editor by Borland. Since graphical environments became popular and more used, programming editors were also evolving. Nowadays we have two different kind of editors: text editors and IDEs. The first ones are lightweight, while the second focus on providing as many tools as possible to unify… 17 1 7. 7 [](https://daily.dev/posts/create-chrome-extension-with-html-css-and-javascript-fe8grveug "Create Chrome Extension with HTML, CSS, and JavaScript") Article daily.dev · 6y Create Chrome Extension with HTML, CSS, and JavaScript Google Chrome is one of the most loved browsers for developers as well as general users. Today, we are going to look into how you can create your very first Google Chrome extension with the use of HTML, CSS, and JavaScript. The tutorial will be easy for you. You only need to know "How to setup the extension?" 15 8. 8 [](https://daily.dev/posts/7-best-visual-studio-code-extensions-every-web-developer-should-have--51am4z-9e "7 Best Visual Studio Code Extensions Every Web Developer Should Have.") Article DEV · 6y 7 Best Visual Studio Code Extensions Every Web Developer Should Have. Visual Studio Code is a free and open-source editor for web development. It supports a number of extensions that can be used for web application development. In this article, we are going to talk about 7 of these extensions that are used in developing a web application: Prettier, Live Server, Git Lens, Bracket Pair Colorizer, and Live Share. 13 1 9. 9 [](https://daily.dev/posts/warning-hugely-popular-the-great-suspender-chrome-extension-contains-malware-l68-dq0ep "WARNING — Hugely Popular 'The Great Suspender' Chrome Extension Contains Malware") Article The Hacker News · 6y WARNING — Hugely Popular 'The Great Suspender' Chrome Extension Contains Malware Google removed The Great Suspender, a popular Chrome extension used by millions of users, from its Chrome Web Store for containing malware. It has since emerged that the add-on stealthily added features that could be exploited to execute arbitrary code from a remote server. The extension's original developer is said to have sold the extension in June 2020 to an unknown entity. 13 2 10. 10 [](https://daily.dev/posts/vim-so-learn-vim-fast-with-interactive-exercises-in-the-browser-heiqus4sd "vim.so — Learn vim fast with interactive exercises in the browser") Article Product Hunt · 6y vim.so — Learn vim fast with interactive exercises in the browser Vim adds code editing super powers to your editor of choice. Learn vim without enduring boring text only tutorials. Vim.so gets you the muscle repetition needed to master vim quickly using interactive exercises. Learn Vim fast today! Embed this video into a post and share it with your friends. 11 [See all DevTools archives](/tags/devtools/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/devtools/best-of/2021/02#page","url":"https://daily.dev/tags/devtools/best-of/2021/02","name":"Best DevTools Posts — February 2021","description":"The most upvoted DevTools posts from February 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/devtools/best-of/2021/02#items","numberOfItems":10,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/my-12-favorite-vscode-extensions-zspq86aow","name":"My 12 Favorite VSCode Extensions"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/github-surf-open-repositories-in-a-vscode-environment-in-your-browser--hjyblor4","name":"GitHub Surf — Open repositories in a VSCode environment in your browser"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/creating-a-chrome-extension-with-react-my8ot6vla","name":"Creating a Chrome Extension with React"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/13-vscode-extensions-that-every-web-developer-must-use-3tqgen771","name":"13 VSCode Extensions That Every Web Developer Must Use"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/shortcut-menu-bar-for-vscode-add-handy-buttons-to-editor-toolbar-in-vscode--bsmbwjbo","name":"Shortcut Menu Bar for VSCode — Add handy buttons to editor toolbar in VSCode"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/sublime-text-vs-atom-vs-vs-code-vs-textmate-vs-rubymine-vs-vim-sbpnmr9k2","name":"Sublime Text vs Atom vs VS Code vs TextMate vs RubyMine vs Vim"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/create-chrome-extension-with-html-css-and-javascript-fe8grveug","name":"Create Chrome Extension with HTML, CSS, and JavaScript"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/7-best-visual-studio-code-extensions-every-web-developer-should-have--51am4z-9e","name":"7 Best Visual Studio Code Extensions Every Web Developer Should Have."},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/warning-hugely-popular-the-great-suspender-chrome-extension-contains-malware-l68-dq0ep","name":"WARNING — Hugely Popular 'The Great Suspender' Chrome Extension Contains Malware"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/vim-so-learn-vim-fast-with-interactive-exercises-in-the-browser-heiqus4sd","name":"vim.so — Learn vim fast with interactive exercises in the browser"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"DevTools","item":"https://daily.dev/tags/devtools"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/devtools/best-of"},{"@type":"ListItem","position":5,"name":"February 2021"}]}]} ```