#vscode extensions

[beedesigns]

My Favourite VS Code Extensions

This actually started with a conversation about favourite VS Code themes which got me to thinking. But as always I had to be that little bit extra. So, here are a few of my favourite VS Code extensions that I think would be particularly helpful for new coders or folks just starting with VS Code.

These are in no particular order! I've tried to keep the list to extensions that help read your code and make thinsg pretty. There are hundreds of extensions for almost every type of code, but I wanted focus on ones for beginners. Ones that won't encourage you to become too lazy relying on shortcuts. So, with no further ado, here we go:

Colorize

This extension will highlight any colours (hex, rgb, hsl etc) in your code.

Auto Rename Tag

Okay, this one might make you a little bit lazy. Sometimes you need to switch things up, and that can start to get complicated if you're working on a lot of code. This extension will change the opening or closing tag name paired with the one you manually change. It prevents mispellings that will break your code and makes life easier.

Spellcheck

Ever typed heder instead of header? Or justfy-content instead of justify-content? Well, this extension will help pick up on those typos and keep your code clean (and working!).

Indent Rainbow

This is such a small thing, but possibly one of my favourites on the list. Indent rainbow does pretty much what it says on the tin, adding a coloured line down the lefthand side along the indent of your code. It looks pretty and helps easily keep track of where you are.

Color Picker

Who doesn't love beautiful colours? Colour Picker lets you choose all the beautiful colours you could want without having to leave VS Code.

HTML Checker

This extension helps prevent errors by checking your code against the W3C Markup Validation Service searching for errors. Great of avoiding issues further down the line. Useful for beginners and pros alike to be honest.

Rainbow Brackets

I tend to find this one more useful in javascript, but it's good for everything. I used to use another, also called Rainbow Brackets but that's been depricated, and I like the default colours in this one. There are a few, so shop around.

Prettier

This extension forces a set format on your code, keeping things neat and tidy. It can take a little getting used to but the documentation is pretty good. Helps build good habits, keeping things uniform and easy to read.

These are just a few of the ones I've personally got installed. As I mentioned, there are hundreds of different extensions. Many of which will do the same thing. So, make sure you have a look around and find what works best for you!

Which extension would you recommend for a beginner?

[lizclipse]

im tempted to switch to firefox but i like safari and it links really well with my everything else from the fruit company

[lady-of-imladris]

I have all those cool extensions for VSCode on my Virtual Machine and now I'm not working on that so I'm starting it just to copy all of my custom settings over

I had a swear words highlighter so I would remember to take them out of the comments before handing in assignments 😭😭😭😭

[beproblemsolver]

25 Best Visual Studio Code Extensions For Web Developers

Read More here: https://beproblemsolver.com/best-visual-studio-code-extensions/

Want to make your web development faster and easier? Check out these 25 best Visual Studio Code extensions for web developers.

[yellobb]

I got done all my assignments that were due today and had my last day of classes for the semester, so I was ready to sit down and finish my final assignment so I can start studying tomorrow. An hour later, all I’ve done is play around with my VSCode to make it pretty and add the pet extension 😅

Anyway, my theme is now “Dracula,” I have created the virtual versions of my irl pets to cheer me on, and have added fun little tab rainbows

[atikinverse]

Get yourself ready to code smarter with "Atikin Snippet Extensions"

[tit-tat-tikititat]

I think I found the best extension in the world

[cmondary]

CURSOR : L'éditeur de code à la pointe de l'IA

🤯 La révolution est en marche !! 📌 CURSOR est l'outil magique qui vous permettra de créer des sites et applications facilement sans savoir coder. Avez-vous vu cette vidéo où une petite fille de 8 ans créer un site HarryPotter en 45 minutes 🤯 ??

https://www.cursor.com 📌 CURSOR est un éditeur de code absolument magique qui vous permettra de développer des sites et applications facilement sans savoir coder. Pour ceux qui ne connaissent pas encore Cursor AI, laissez-moi vous en parler un peu. Il s’agit d’un éditeur de code intelligent, qui combine une interface intuitive (c’est un fork de VScode pour ceux qui connaissent) avec la…

[flutteragency]

All About Vscode - Extensions, Shortcuts & Settings For Flutter Development

Flutter is a fantastic cross-platform UI framework widely used for developing apps. Of course, it includes lots of options that are easy to create a rich desktop and mobile web app development. When you hire flutter experts from Flutter Agency, they will know about VS code extensions, shortcuts, and development settings. Visual Studio Code IDE is the perfect option to complete flutter development.

However, VS Code is an excellent IDE for developing apps. If you complete basic setup steps, you must know about shortcuts, extensions, and settings in the development process. Thus, it will boost your workflow rapidly and change a lot within a short time.

VSCode Shortcuts Installation And Setup

Installing the Flutter extension gives you an excellent answer for automating the code. However, it should be effectively undergone with the intuitive format and enabled with the current source code window. They take complete pledge solutions and set them with single-format documents.

Developers must follow the setup editor and follow instructions in the feature update. Updating the extension took a regular shipment and adapted to the extent. The VS c de updates extension carries out the default, and absolute results will happen.

● Click the Extensions button

● Click the Update button

● Reload button

● Restart VS Code

On the other hand, the flutter extension will be easily implemented based on creating projects with standard features. They will notice changes and must adapt to creating Flutter app development projects. Using templates has a salient role in establishing new projects with command options.

What Are The Vscode Shortcuts For Flutter Development?

Visual Studio Code shortcuts and extensions are essential in setting up Flutter app development. It includes es superior options and saves time as well. With more features, it takes a complete pledge solution to set up VS code shortcuts and settings quickly. However, VS Code shortcuts should undergo the development process using a flutter expert.

Of course, below are the lists of VS code shortcuts to know:

Quick Fi

The Quick Fix feature can be easily adapted anywhere based on the developer process. With numerous code actions, the process requires the CMD and enables CTRL+. It allows developers to take a complete pledge solution and follow the flutter widget amazingly designed. These are always flexible and hence suitable for a convenient option for creating data class methods.

Search files by name

The search files by name take a complete pledge solution with excellent shortcuts by opening the files in the projects. However, accessing other features with a maximum shortcut is unnecessary. You can see the keyboard and shortcuts by adapting to CMD+P for MacOS and CTRL+P for Windows.

Show Com and Palette

Show Command Palette allows the users to quickly bring for a search box by setting up accessibility. However, it is also a practical option for controlling them with commands and searching for new ones. They set out CMD+Shift+P, including MacOS, and take a Windows shortcut for your requirements.

Flutter and Dart snippets

Flutter and dart snippets are unique and explore standard widgets. In addition to this, it will explore gaining insert features with VS Code shortcuts for focusing on quick processes. However, it should be adaptive for a snippet for unique options for standard flutter widgets options.

● stless: Insert a StatelessWidget

● stanim: Insert a Stateful Widget using AnimationController

● stful: Insert a StatefulWidget

Of course, mobile app development allows everyone to generate boilerplate code and enables a named widget. Hence, it will allow the snippets to access the standard code blocks. The function of the definitions includes if/else, loops, and many others.

Developers can also check the files that are accepted in Dart snippets. Of course, you can install excellent Flutter snippets extensions with more features. Exploring the superior option for adding valuable snippets for your dependencies is best.

● Dart: Add Dependencies

● Dart: involves the fantastic attribute of providing stability for accessing the new feature.

● Open command palette

● Type "Dart: Add Dependency"

● Get the list of packages available in the pub. Dev:

● Click dependency

● It involves the added pubspec.yaml file

● The process is installed automatically

Keyboard shortcuts list

Of course, Visual Studio Code has to bring forth shortcuts based on the customized options with key bindings. However, it takes a complete solution and configures MacOS and Windows OS.

The command shortcut lists are listed below:

● CMD+K CMD+S for MacOS

● CTRL+K CTRL+S for Windows OS

● Newly Built Modes

Vscode Extensions For Flutter Development

VS code extensions for flutter development have better accessibility. However, it should efficiently deal with the right attachments and notice changes in the flutter development. Hence, developers have a suitable option to follow the extensions in VS Code.

Dart Data Class Generator

The dart data class generator has to rely on extensively creating model classes for accessible functions. However, it includes the best possible things to adapt to different methods in accessing CopyWith(), ToString(),toMap(), fromMap(),toJson(), fromJson(),==, and more. It should be adaptive in creating value and configuring based on code generation. Thus, it is error-prone and enables a dart class generator to be used.

Flutter Riverpod Snippets

Flutter developers are trying to create providers' and consumers' names in the field. However, flutter Riverpod snippets are a fantastic extension to simplify tasks. Thus, it is convenient to download and document the Flutter Riverpod snippets to be evaluated.

Conclusion

Finally, Visual Studio Code VSCode is a family and powerful code editor for setting up Flutter development. You must also know the shortcuts, extensions, and settings to develop apps.

However, Visual Studio Code is an IDE suitable for achieving stable attachments in development. It includes the best method and notices superior options for customizing and enhancing workflow excellently. Know here how to SetUp Emulator For VSCode.

On the other hand, VSCode extensions, shortcuts, and settings are the most useful function for a wider audience. However, the services should be integrated and develop a mobile application with a flutter app design.

You must hire flutter expert to handle everything based on the requirements. Users will get updated mobile apps, consult expert developers, and build custom-centric and feature-rich applications.

[realjema]

VSCode is an open-source, cross-platform editor that has become a favourite of programmers, particularly in the Web Development community. It’s fast, extensible, customisable, and has tons of features. You should check it out if you haven’t already done it. Thousands of extensions have been made for VSCode. I am going to list a few extensions that I use on a day-to-day basis. Let’s begin! Quokka.js Quokka.js is a rapid

[xnetics]

VS Code Extensions As Malware

VS Code is popular – according to StackOverflow 75% of developers use it. As a raw code editor it isn’t particularly impressive, but add to it the huge number of extensions that are available and you can assemble something workable and sometimes even something good. I use it because I can configure it to work with a range of languages in a range of situations on a range of platforms. Personally I’d prefer it if the core extensions were part of a configurable core program, but this is not how things are. Finding extensions is a big problem in terms of knowing who to trust. For most of the time I try to limit my use to well-known extensions, preferably authored by companies I know. Searching the 40K extensions for one that does the job and isn’t just abandonedware or halfstartedware is difficult. Now it seems it is also dangerous.

The problem is that extensions run will the same privileges as the user and there is no sandbox to keep the extension walled up in a prison. Once you realize this you can see how devastating an evil extension might be.

The researchers from Aqua Team Nautilus decided to see if the threat was real. They created an extension that copied the look and feel of the Prettier code formatter and entered it into the Marketplace – the official source of extensions. What they created looks identical to the real entry until you notice that the URL is pretier – i.e. it’s a case of typosquatting. Typosquatting is where you make use of user’s inability to type accurately 100% of the time to get them to visit web pages which differ from the real thing by a spelling or punctuation error. As a dyslexic programmer you can see that I’m personally very vulnerable to this problem. And while I take extra care I don’t think I’d ever spot it.

The problem is made worse by the fact that the extension name doesn’t need to be unique – it’s a display name. Other details are also easy to duplicate, including the project details and publisher. Harder to duplicate are the Unique Identifier which,yes, has to be unique, but again typosquatting to the rescue and esbenp.prettier-vscode becomes  espenp.prettier-vscode – which is identical from my dyslexic point of view,. Of course, the number of installs and ratings can’t be spoofed but as people download the faux extension they both go up.

The researchers then go on to point out that Microsoft’s attempts at verifying extensions isn’t particularly convincing. For examp,e the blue Verified Author tick simply means that the author owns a domain – any domain. From here the attacker can opt to show the display name complete with the blue tick for the author’s name.

So did it work? Were real programemrs, some of whom are not dyslexic and hence not overly vulnerable to typosquatting, fooled?

Yes they were.

“In just under 48 hours, we got more than a thousand installs by active developers from all around the world! Now, imagine a real attacker (which would give the extension much more time to be active thus gain more credibility), with a real malicious extension, installed on many developers compromising many organizations. The impact of this is critical.”

The researchers also point out that extensions make use of Node.js NPM as a package manager and any problems here will trickle down. They also point out that the same problems could occur with Visual Studio and Azure DevOps, but didn’t pursue this angle.

The part of the story that worries me is that extensions are not sandboxed. I go to a lot of trouble to avoid using software that is far better isolated from my development machine’s environment. It seems I have to look more carefully in future.

[devsnews]

Visual studio code extensions are powerful mechanisms to add new functionality to this excellent IDE. In this article, You will be introduced to some top plugins and extensions for VS Code, which are invaluable to the speed and quality of your projects.

[dular88]

API  testing using VS Code extension Thunder Client #vscode #apitesting #thunderclient

[izicodes]

Monday 4th March 2024 - [ Week 1 Day 2 ]

Finally figured out how to get the server working. Had to install some VSCode and Chrome extensions to make sure each refresh works!

Still haven't figured out how to get VSCode to run my PHP code just in the console. So, I'll just use those online PHP sandbox/compiler to work on that side of PHP!

Didn't learn too much on PHP programming itself today but at least I got the PHP to work locally!

💌 Day 2: What are your three goals with learning PHP?

Build a simple website using PHP

Build a simple console app with PHP

Still have an interest learning PHP after the challenge!

[ The challenge ]

[minmin-vs-physics]

Hey! I’m gonna be a physics major next year, and I was wondering if the Mac and iPad combo have worked well for you, or if there’s something else you recommend tech wise?

short answer: yes.

but, im gonna use this has an opportunity to yap about my current study set up. this goes without saying, but what worked for me may not work for you, and my set up evolved over the years as i found what was best for me.

i use an iPad for lecture notes and homework. i think its the most organized you can get them to be without straight up LaTeXing the shit out of them (and i know people who do exactly that, more power to them)

i just write faster than i type, and an ipad allows me to copy paste equations and add photos and stuff which is helpful for diagrams. i use goodnotes 5, and i will sing its praises till the end of time.

i think it pays to develop a clear style for your homework and lecture notes, bc your work will be easier to navigate. here's an example of my lecture notes and my homework.

[hehe general relativity moment]

HOWEVER, you will mostly be having paper exams as a physics student so i recommend you don't get too reliant on your iPad. i tend to do all my studying in notebooks, or loose sheets that i can refer to. practice problems are always on paper.

[stat mech studying i did last week]

i started using legal pads for this from the end of junior year bc they're so convenient! im also incentivized by the stock our dept keeps in the mail room.

i have to do a lot of calculations for research and i prefer to do them on paper or a blackboard if it's something im reasoning out. idk it's so much easier to be stupid on paper than on goodnotes. ofc my research log is kept digitally, but i keep a binder with all my old calculations (both correct, and incorrect) along with my main reference papers.

[i was flipping through this just now and realised how much bs is in it.]

LaTeX is a good skill to have which i didn't realise until too late. if you have to write any paper that's remotely scientific, LaTeX is the way to go. none of that google docs bs.

i use both vscode and Overleaf for editing. i mainly just LaTeX my finalized research calculations into one big doc. it's much easier to show my advisor. also it looks cool.

i got a monitor when my laptop screen broke sophomore spring (something inside me broke as well that semester it was so fun). and if you have the option, i would totally recommend getting one. it's useful having a second/bigger screen.

i use mine for a bunch of things: coding, reading textbooks, genshin impact, Netflix, grading.

on the topic of textbooks, i use digital bc im cheap. but i do buy secondhand physical copies that i rarely reference, but keep around bc it doesn't hurt to start your hypothetical professor office bookshelf early. i only buy the ones i actually respect, like Peskin's Intro to QFT. but the digital copies are usually much handier. i keep an extensive digital collection of books and papers i might never need.

don't be like me keep your digital library more organized!

and yeah circling back to electronics! i use a Macbook Pro rn which has served me well. i guess things are different if you need to run solidworks or other specialized software, but you can always use the lab computers, so that was never a problem. i have an apple ecosystem bc im a slut for capitalism.. i mean i was already halfway there and now im just really used to it, so i like all my devices being friends with each other. my tip is always get more RAM than you thought you needed, and double the storage. but maybe that's bc im mean to my laptop and love hoarding files.

i also keep all my previous notes and printouts so may be i have an academic hoarding problem in general.

in the end, a mix of old school and new age technology bs works best for me!

thank you for your question! i hope this helps :)