Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

VS Code extensions for web development in 2022

creativedesignsguru.com

Post reply on HN
Print view View original

11–20 of 30 posts

Re: VS Code extensions for web development in 2022

#11

Post by qwertox »

VS Code is pretty cool, and when I use it -- I have it open right now --, I mostly enjoy it.

But I'm very concerned about the security of the extensions. They are so great, they are what makes VS Code the great tool that it is, but I fear that it will soon have the same problems npm has.

Are there any kind of protections in place which prevent an extension developer to sell his extension or he/she itself go rouge and siphon out the code being edited, or the entire project being worked on, or even install malware on the machine?

Re: VS Code extensions for web development in 2022

#12

Post by syradar »

scottc wrote: post #2

In addition to this list, for those doing node monorepos in 2022, the extensions that I think you must use are: - Github copilot - like autocomplete on steroids. - peacock - change the workspace color - helps reduce mental load when working on different projects. - tag autorename - this should be built into vscode, saves a bunch of keystrokes - snippets - this is a category of extension. Find whichever snippet lib is…

Tag Auto Rename is built in, enable it with: "editor.linkedEditing": true https://www.roboleary.net/vscode/2020/08/05/dont-need-extens...

Re: VS Code extensions for web development in 2022

#13

Post by krono »

An increasing amount of extensions phone home parts of your code, many of which do not disclose it anywhere, some performing tasks so mundane you wouldn't ever have considered a remote server would be taking care of it.

Installing something like Copilot could have massive legal consequences if you're working under an NDA, with protected customer data, any proprietary code that isn't yours, etc. Something to keep in mind.

Re: VS Code extensions for web development in 2022

#14

Post by ewuhic »

deanc wrote: post #5

One of these at least is a native feature of vscode now (rainbow brackets) so I’d consider this post to be of low quality. If you ran even half of these last it’d really slow vscode down too.

I do consider this post low quality too, but it's rainbow indent, not brackets, which seems rather neat.

Re: VS Code extensions for web development in 2022

#15

Post by cbovis »

deanc wrote: post #5

One of these at least is a native feature of vscode now (rainbow brackets) so I’d consider this post to be of low quality. If you ran even half of these last it’d really slow vscode down too.

TIL.

For anyone that might be curious: https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-...

Re: VS Code extensions for web development in 2022

#16

Post by wruza »

VSCode thread, a great opportunity to ask, how does one deal with seemingly one of the worst "(" ")" indentation rules in a history of editors? E.g.

  h = React.createElement
  h("div",
    h("label",
      h("input",
    )
  )
Reindents into:

  h = React.createElement
  h("div",
  h("label",
  h("input",
  )
  )
It only happens with (), but {} [] work fine. Couldn't find any extension, neither wrap my head around indentationRules.

Re: VS Code extensions for web development in 2022

#17

Post by wruza »

This list is shorter than I thought. Some of mine:

- Bookmarks - cycle through anywhere in a file or a project, or see/navigate a complete list

- TODO Highlight - highlight any regex (e.g. TODO.*, NOTE, DONE)

- Highlight - more enhanced highlighting (e.g. me highlighting full //---… lines with bg and border, like a very visible section)

- Markdown Preview Enhanced

- Subtle Match Brackets - much better pair highlighter (may be too colorful by default, just tune it accordingly)

- VsCode NDJson - file type for ndjson/jsonl files

- TabOut - tab your way out of auto-inserted brackets and quotes

Re: VS Code extensions for web development in 2022

#18

Post by machiaweliczny »

wruza wrote: post #16

VSCode thread, a great opportunity to ask, how does one deal with seemingly one of the worst "(" ")" indentation rules in a history of editors? E.g. h = React.createElement h("div", h("label", h("input", ) ) Reindents into: h = React.createElement h("div", h("label", h("input", ) ) It only happens with (), but {} [] work fine. Couldn't find any extension, neither wrap my head around indentationRules.

Prettier?

Re: VS Code extensions for web development in 2022

#20

Post by SahAssar »

wruza wrote: post #16

VSCode thread, a great opportunity to ask, how does one deal with seemingly one of the worst "(" ")" indentation rules in a history of editors? E.g. h = React.createElement h("div", h("label", h("input", ) ) Reindents into: h = React.createElement h("div", h("label", h("input", ) ) It only happens with (), but {} [] work fine. Couldn't find any extension, neither wrap my head around indentationRules.

I think eslint --fix does the right thing by default
Post reply on HN