![]() SVG adds full SVG language support to VS Code, including auto-complete, a live preview, the MDN reference, and a color picker. Thanks to Max Böck for the suggestion! SVG You can manually add projects or let the extension auto-detect Git, Mercurial or SVN repositories, VSCode folders or any other folder. Project Manager helps you to easily access your projects, no matter where they are located. Prettier is a code formatter for JavaScript, TypeScript, JSON, CSS, SCSS, HTML, Vue, Markdown, YAML, and many more code styles. Intelephense provides PHP language features like code completion, documentation, formatting, and more. Permute Lines lets you reverse or shuffle lines of code or filter for unique lines. Npm Intelligente autocompletes npm modules in import statements. You can share your current project, and then as needed, share debugging sessions, terminal instances, localhost web apps, voice calls, and more. Visual Studio Live Share enables you to collaboratively edit and debug with others in real-time. Using Webpack, this extension will display the size of the imported package right behind the import statement. If you are working with JavaScript modules, it happens quickly that you import too much code. ![]() GitLens also lets you explore the history of your codebase and compare branches, commits, tags, and much more. You can see when and by whom each line of code was changed – inline in your editor. View and search Git log, view previous versions of a file, or compare branches, commits, and files across commits. If you are using Git for version control, this extension lets you explore the history of your project within VS Code. This extension integrates the JavaScript linter ESLint into VS Code. ✨ ESLintĬode linters analyze your code and find problems and errors. UPDATE: This extension is obviously no longer needed as VS Code now comes with support for. It allows you to define editor settings for a project so that, for example, a newline is inserted at the end of files automatically or that everyone indents their code with spaces, or tabs, or spaces, or tabs… ![]() editorconfig file has become a standard for many, especially when working together in teams. This integration for Visual Studio Code is an easy way to access documentation from VS Code. Dashĭash is an app that lets you read API documentation and code snippets, also offline. So useful once you get used to the many additional colors in your code. ![]() This extension colorizes matching brackets in the same color. Better Commentsīetter Comments will help you write, well, better comments by highlighting different types of comments, like alerts, questions, or TODOs, in different colors. This extension automatically adds HTML or XML closing tags so you don’t have to do it manually. If you have more to add, feel free to write me a message or email. So here’s the list of extensions I ended up installing, in alphabetical order. But which are the extensions one should install? I already had tried and installed quite a few extensions before but I also asked on Twitter to get other people’s opinions and maybe learn about a few extensions I hadn’t heard of before. One of the strengths of VS Code is the ecosystem of extensions that has grown quite substantially and many of the extensions can really take our coding experience one step further. ![]() As part of that, I also set up my development environment and my current editor of choice, Visual Studio Code. Consequently, I spent the past couple of days setting up my new Mac. Every time this had happened in the past, I took the opportunity to start from scratch and do a fresh install of all the software I in fact use and need. So after five years, it was time to get a new machine, after all. And then, the display of my MacBook Pro broke. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |