How does this work, you ask? It’s as easy as installing the extension then you can then spin it up and copy the code to paste it in Polacode then you can download as an image. Polacode is a VS Code extension for creating fancy screenshots for your code snippets. Some of the features it supports include the ability to visualize code authorship, you can view git blame and also see the history of a file with diff enabled, which is super cool. It helps to supercharge the git capabilities built into VS Code. The GitLens extension is a very powerful extension for VS Code. If you’re developing with Vue.js, you should definitely have this extension installed. The extension is really popular, with over 10 million downloads from the marketplace. This extension helps Vue.js development with features like syntax highlighting, linting/formatting, emmet support, and code auto-completion. The Vetur extension is the official Vue tooling for VS Code. The cool thing about this extension is it has a go-live button on the taskbar, so you can easily spin up a development server at any time and it works seamlessly. The Live S erver extension provides you with a quick development Live Server, with live browser reload enabled for static and dynamic pages. Prettier is really popular and used by a lot of developers, and this is why it has an approximate 7 million downloads. The Prettier code extension helps you format your code so you don’t have to manually do it. This is why it is important to automate things like formatting so you don’t have to worry again. Manually formatting code can be a pain for developers and mostly slows you down while coding. With over 18 million downloads, this is one of the most-downloaded extensions. This extension helps you integrate ESLint into your editor such that your code is automatically formatted, and also linting is enabled for errors and warnings. The ESLint extension is quite handy for writing clean code. This extension provides intellisense for files and will save you time looking up a file name. When working on large codebases, it can become a pain when you need to look up path names for files or directories. It helps you automatically complete filenames. The Path Intellisense extension is another great tool to give a try. It allows you to create, debug, manage, and deploy Azure Functions directly from VS Code, which makes the entire process of working with Azure Functions seamless. The Azure F unctions extension for VS Code is really handy. This theme is ideal for fans of dark mode themes - fine-tuned for people who love working late at night, and the color choices take into consideration the level of accessibility for people with color blindness and in low-light circumstances. The Night Owl theme is one of my favorites themes, and has an impressive 240k installations from the marketplace. In addition, it is also possible to remove all console.log statements at once. It works by selecting a variable and quickly writes the whole console.log statement with keyboard shortcut ctrl + alt + l for Windows or cmd + opt + l for Mac. Turbo Console Log is a VS Code extension that helps you automate logging statements across your codebase. This extension is a live scratchpad for JavaScript, and it serves as a rapid prototyping playground in your editor, with access to your project’s files, inline reporting, code coverage, and rich output formatting. The extension utilizes webpack with babel-webpack-plugin in order to detect the imported size.Įver had the need to test out a JavaScript code and you had to spin up the console in Chrome DevTools? Never again! I’ll introduce you to Quokka.js. This extension will display inline in the editor the size of the imported package. The Import Cost extension is great for viewing the package size at a glance for imported packages. All of these are located in the VS Code Extension Marketplace. VS Code provides a host of extensions, ranging from linters, debuggers, snippets, keymaps, themes and a lot more. In this article, I’ll be sharing the top 15 VS Code extensions you should be using in 2019 to boost your productivity as a developer. Thankfully, VS Code offers extensions that’ll enable us to extend the capability of the code editor. As developers, we need to automate most of our process. Visual Studio Code is one of the most popular IDEs available in the market, and it has been making waves for some time now. Here are 15 VS Code extensions you should be taking advantage of today. As a developer, you want to be efficient with your time and automate where you can.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |