Hi everyone,
I’m Haris and I’m a newbie to the developer realm. Today I'd like to share my favourite VS Code extensions that will definitely help ...
For further actions, you may consider blocking this person and/or reporting abuse
Hi Haris, thanks for this! I'm from the VS Code team and liked your article :) Just wanted to let you know that both Settings Sync and Bracket Pair Colorizer are now available into VS Code without the need for any extension.
For settings sync: code.visualstudio.com/docs/editor/... Using the official one allows you to quickly sync your settings anywhere, including VS Code for the Web (vscode.dev and github.dev) and GitHub Codespaces
For bracket pair colorizer, a couple of months ago we added it to the core editor because that's the only way we could make it highly-performant: code.visualstudio.com/blogs/2021/0...
There is also a microsoft live preview extension now right?
Correct, because Live Server was unmaintained. The Live Preview extension Haris listed is already the new one
Oh okay yeah I see it now!
Thanks for the feedback mate. Love what you and your team are doing!
I'd like to add on a hidden gem of an extension (especially for beginners) called Error Lens <- This is the most current maintained version.
What it does is highlight the errors and warnings on the line you are getting them as opposed to vscode displaying all the issues in the Problems panel. If you can get past the editor shouting at you after leaving a line of broken code, then this is extremely helpful especially when you start out and write buggy code that the linter picks up.
Nice one mate. Seems like a huge time saver!
I liked the Live preview extension the most. Thanks for writing this post. Loved it
Appreciate it! Stay tuned for more content from a newbie's perspective...
Sure
I would like to add browser preview. It is very useful if you only have one monitor and don't want to switch between browser and VS Code every time you want to see the result of changes. Browser Preview integrates a simplified browser within its VS Code. So you can edit the code and at the same time, without leaving the editor, view the changes in real time. In addition, it allows you to simulate different screen sizes, allowing you to test your app's responsiveness.
The thing is, you need to have a development server running so you can access it through the built-in browser. And here comes the tip: you can use Browser Preview together with Liver Server! You just start the Live Server and then access localhost:5500 (or whatever port you have defined for the Live Server) in the browser built into the VS Code by Browser Preview.
Finally a VS Code extension list on dev.to!
Bt u can say about docker file !!!!
Nice collection
@fnaf games
Nice one mate
Was Very Helpful... My team also Appreciate it!
overall GREAT Job.
Glad to hear that!