While they might not seem important when you’re writing code, comments are critical to helping others understand that code.
Sublime text vs vscode performance code#
Profile Switcher allows you to set up multiple VS Code profiles each with their own configuration allowing you to easily switch between different setups. The issue is those settings aren’t what I like to use day-to-day when I’m heads down coding. Note: if you want to learn more, I wrote a tutorial that walks you through setting this up step-by-step! Profile SwitcherĪs a content creator, I need to make sure that when I’m showing my screen to others, that I’m using accessible colors and font sizes that allow people to easily see what I'm demo'ing. This lets you sync those settings across different VS Code installations Settings Sync allows you to save your VS Code settings in a GitHub Gist. Configuration for Settings Sync in VS Code If you typically work between two laptops or two different environments, you might have to manually maintain keeping your text editor the same, if you’re particular about your setup (like I am). Rainbow Brackets highlights the parenthesis in different colors allowing us to get a better idea which opening bracket belongs to which closing bracket of our equation. Similar to indenting, complex code, particularly when using math, can create easily confusing lines of code when you have multiple uses of parenthesis within the same statement.įor instance, if we want to apply some simple math: const value = (((1+1)*2)+1)*2 Īnd while that’s a simple example, that can easily get out of hand and hard to track. Indent-rainbow adds colors to the indent spaces, allowing us to easily line up and see which tags belong to each other. Rainbow-colored indent spacing in VS Code The issue is sometimes that nesting can grow pretty large and it can be difficult to try to find which opening tag belongs to which closing tag. Part of that style is how we indent our code, so we understand nesting of different code blocks. Style is an important factor in making our code readable. This helps us recognize the size of our dependencies, preventing accidental overload of huge libraries that could impact performance and hurt our customer’s user experience. Import Cost calculates an estimate of the size of an import allowing us to see how much additional weight we would be adding to our project size with that added dependency. As we pull in a bunch of different code to build our project, that additional code comes at a cost. Modern day developers have to constantly deal with dependencies coming from various sources. Sublime Text Keymap and Settings Importer () Import Cost This includes two of my favorites like multi-select (selecting something then pressing CMD+D / Ctrl+D) and duplicating a line (adding a cursor on a line and pressing CMD+Shift+D / Ctrl+Shift+D).
This made shortcuts that were available in Sublime immediately available in VS Code. Sublime Text Keymap and Settings Importer let me first import my settings from Sublime text, but it also set up the default key mappings. It’s still a great text editor, but when moving to VS Code, a lot of the shortcuts and key mappings weren’t the same. Sublime Text Keymap and Settings Importerīefore moving to VS Code, I was a Sublime Text 3 user. While there are thousands of extensions available in the VS Code Marketplace, these are the 7 that are critical to my workflow as an active developer. It allows developers to creatively take the editor to another level by implementing features Microsoft may not want to support or even building a whole note-taking experience on top of it with Foam. Part of what makes VS Code great is it’s extensibility. It’s grown a tremendous share of the developer market over the last year or two making it the go-to editor for web developers.Ĭoupled with the fact that Microsoft is investing a lot of time into it and independent developers are building a ton of extensions, you can’t go wrong with giving it a shot. VS Code, which is short for Visual Studio Code, is a popular text or code editor that’s maintained by the Microsoft team. A quick note in case you’re not familiar.
0 kommentar(er)
