TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Ask HN: What extensions/packs of VS Code are must for web/developers to install?

119 点作者 philonoist超过 3 年前
They may increase productivity tremendously<p>They may only be common among experienced developers<p>They may be used at innovative startups<p>They may even be used at FAANGs<p>They need not cater to web developers only<p>They may help amazingly to learn coding<p>They may useful for a new programmer<p>The criteria is anything that has helped you from all diverse sectors of the industry.

40 条评论

Waterluvian超过 3 年前
Not exactly an extension, but a practice that I&#x27;m shocked many people don&#x27;t seem to use is to set up autoformatting on save.<p>I will hit ctrl+s after every few lines of code or so, allowing my &quot;coding wingman&quot; to tidy things up as I go. It releases me from caring, in the slightest, about formatting, so I&#x27;m focused entirely on writing syntactically valid code, and letting the formatter worry about the deterministic minutiae that is formatting.<p>The reason I like doing this in real-time rather than some `run formatting before committing` workflow is that I benefit instantly from tidy code as I&#x27;m writing it.<p>If you are _ever_ thinking about formatting and you spend time manipulating proper spacing and layout, semicolons, or other language-specific quirks yourself, you may be wasting time that could be spent on the non-trivial parts of writing code. Consider trying it!
评论 #29278992 未加载
评论 #29280646 未加载
评论 #29279648 未加载
评论 #29279150 未加载
评论 #29290703 未加载
评论 #29286425 未加载
评论 #29283899 未加载
评论 #29279183 未加载
评论 #29279193 未加载
rsweeney21超过 3 年前
Could not imagine living without Prettier. It&#x27;s a code formatter. The team agrees on how we want to do formatting, and we check in our Prettier preferences, so everyone&#x27;s code on the team is formatted the same automatically.<p>Helps keep the entire code base formatted consistently.<p>Prettier - Code formatter <a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=esbenp.prettier-vscode" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=esbenp.p...</a>
评论 #29280913 未加载
评论 #29284536 未加载
评论 #29279177 未加载
mohanmcgeek超过 3 年前
Over the years, gitlens is an extension I&#x27;ve installed everytime I installed vscode on a new machine.<p>Other than that, the kubernetes extension is something that I use often enough although others say the Lens IDE is better for this purpose.
评论 #29279124 未加载
bitwidget超过 3 年前
Peacock is pretty important for me. When I have multiple VSCode windows open, the extension lets me have different colors for these windows and helps me quickly identify what project is on what window.
评论 #29281066 未加载
andyonthewings超过 3 年前
VS Code Remote - Containers [1] is a game changer.<p><a href="https:&#x2F;&#x2F;code.visualstudio.com&#x2F;docs&#x2F;remote&#x2F;containers" rel="nofollow">https:&#x2F;&#x2F;code.visualstudio.com&#x2F;docs&#x2F;remote&#x2F;containers</a>
评论 #29280237 未加载
评论 #29278961 未加载
评论 #29279507 未加载
评论 #29278897 未加载
评论 #29279103 未加载
tester756超过 3 年前
Remote SSH<p><a href="https:&#x2F;&#x2F;code.visualstudio.com&#x2F;docs&#x2F;remote&#x2F;ssh" rel="nofollow">https:&#x2F;&#x2F;code.visualstudio.com&#x2F;docs&#x2F;remote&#x2F;ssh</a>
评论 #29281876 未加载
throwaddzuzxd超过 3 年前
Two lesser known extensions I always install are:<p>- &quot;Bookmarks&quot;, to persistently mark some lines and easily find them later (there&#x27;s even an explorer pane with the bookmarks by file). It&#x27;s must have when navigating a big code base<p>- &quot;Todo Tree&quot;, to list all the TODOs and FIXMEs from the codebase in a panel
johnl1479超过 3 年前
Pretty subjective, but I&#x27;m a fan of code-folding, so I rely heavily on the Auto Fold extension.<p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=bobmagicii.autofoldyeah" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=bobmagic...</a>
beagle3超过 3 年前
Probably the best thread to ask this on:<p>Being paranoid, I want to install some extensions (and their updates, etc.), but I am afraid of originally malicious extensions, and of malicious-takeovers (as was very common, and still happens, for Chrome and Firefox extensions).<p>Developers and their machines are, in general, more lucrative targets for bad actors than your average Web person.<p>How do you protect your setup with minimal cost to usefulness and productivity?
marpstar超过 3 年前
Excel Viewer[1] and Rainbow CSV[2] are very useful for anyone regularly working with CSV files in Code.<p>[1]: <a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=GrapeCity.gc-" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=GrapeCit...</a><p>[2]: <a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=mechatroner.rainbow-csv" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=mechatro...</a>
bobblywobbles超过 3 年前
(Note) self-promotion<p>I needed cells in Excel to be translated into a list that SQL would like. I copied rows from Excel into VSCode, and would run a series of regex commands to format it into a valid SQL list. I got tired of running this manually, and turned it into an extension.<p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=reZach.listtosql" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=reZach.l...</a>
评论 #29280866 未加载
aigo超过 3 年前
The MSFT team themselves have some of the best extensions. The remote pack - containers, SSH, docker - is fantastic.
kevinslin超过 3 年前
I find that the biggest aspect for development is keeping track of information (eg. documentation, tasks, playbooks, etc) Dendron (<a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=dendron.dendron" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=dendron....</a>) is a note taking tool for developers - its open source, built on plaintext markdown, and integrated with VSCode. You can use it to manage your own personal knowledge base and to document your code base.<p>Disclaimer: I&#x27;m the creator of Dendron. We recently did a Launch HN post where you can find more details on what we&#x27;re building: <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=29176158" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=29176158</a>
评论 #29289839 未加载
m00dy超过 3 年前
Github&#x27;s copilot
johnx123-up超过 3 年前
1. Starter Bundle <a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=JasonAMartin.starter-bundle" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=JasonAMa...</a><p>2. And occasionally skimming through <a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;search?target=VSCode&amp;category=Extension%20Packs&amp;sortBy=Installs" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;search?target=VSCode&amp;ca...</a>
cdaringe超过 3 年前
I write markdown everyday. Tables are slow to format by hand in GFM. This extension lets you write your tables nearly at the speed of plaintext. Excellent extension<p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=RomanPeshkov.vscode-text-tables" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=RomanPes...</a>
评论 #29279548 未加载
jwalton超过 3 年前
This is the set of VSCode plugins I install:<p><a href="https:&#x2F;&#x2F;github.com&#x2F;jwalton&#x2F;environment&#x2F;blob&#x2F;master&#x2F;vscode-extensions.txt" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;jwalton&#x2F;environment&#x2F;blob&#x2F;master&#x2F;vscode-ex...</a><p>If you&#x27;re after some snippets, this is my modest collection:<p><a href="https:&#x2F;&#x2F;github.com&#x2F;jwalton&#x2F;environment&#x2F;tree&#x2F;master&#x2F;vscode&#x2F;prefs&#x2F;snippets" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;jwalton&#x2F;environment&#x2F;tree&#x2F;master&#x2F;vscode&#x2F;pr...</a><p>Mostly I add snippets like `rrrfn` to create a new react function component (it starts with `rrr` so it won&#x27;t show up in suggestions unless I explicitly want it), or &quot;jestfile&quot; to scaffold out a test case.
myroon5超过 3 年前
If using CloudFormation: <a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=kddejong.vscode-cfn-lint" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=kddejong...</a>
eitland超过 3 年前
Related: anyone figured out how we are supposed to have install an extension in only one workspace instead of installing it once and then do &quot;disable in this workspace&quot; in the other 6 workspaces?
zwarag超过 3 年前
1. Auto Rename Tag (for xml tag renaming)<p>2. Conventional Commits<p>3. Git Graph<p>4. IntelliJ IDEA Keybindings (as someone who uses both it&#x27;s a blessing)<p>5. Path Intellisense<p>6. Peacock (changes color of vscode instance when it&#x27;s in the background, usefull when multiple are open)
评论 #29279393 未加载
kall超过 3 年前
In theory, I prefer to keep extensions to a minimum to keep UX and performance light. In practice I am using 3 different extensions and a bunch of custom CSS to make vscode look like Xcode. It‘s all superfluous though.<p>I think &quot;project specific&quot; stuff is all I actually need and would recommend to someone else, including a language appropriate auto formatter. For me currently that‘s Prettier, ESLint and Apollo GraphQL.
评论 #29280230 未加载
rahimnathwani超过 3 年前
SQLTools and SQLTools PostgreSQL Driver<p>You can use VSCode to edit your SQL queries, and run them without pasting into PGAdmin or whatever.
nikivi超过 3 年前
Here are ones I use: <a href="https:&#x2F;&#x2F;wiki.nikitavoloboev.xyz&#x2F;text-editors&#x2F;vs-code&#x2F;vs-code-extensions" rel="nofollow">https:&#x2F;&#x2F;wiki.nikitavoloboev.xyz&#x2F;text-editors&#x2F;vs-code&#x2F;vs-code...</a><p>For web dev I like: Error Lens, Version Lens, Tailwind CSS IntelliSense &amp; Highlight Matching Tag
slmjkdbtl超过 3 年前
I think it&#x27;s helpful to take a weekend to learn to write extensions, it&#x27;s very helpful to be able to make your own little tools for your own workflow. However it&#x27;s also easy to fall into the void of endless tweaking and no real code especially if you&#x27;re on vim or emacs.
AlbinoDrought超过 3 年前
Indent rainbow for staying sane while editing YAML files: <a href="https:&#x2F;&#x2F;open-vsx.org&#x2F;extension&#x2F;oderwat&#x2F;indent-rainbow" rel="nofollow">https:&#x2F;&#x2F;open-vsx.org&#x2F;extension&#x2F;oderwat&#x2F;indent-rainbow</a>
评论 #29279561 未加载
princevegeta89超过 3 年前
String manipulation, Random generator (supports strings and UUIDs), Remote Containers ( must have for Docker), Rainbow brackets, Settings Sync, Markdown Preview, Editorconfig Support, Intellij Keybindings?, A lot of themes!
samrohn777超过 3 年前
Tabnine extension. Improves my productivity with auto code completion
thex10超过 3 年前
If you have the godforsaken Touch Bar, I&#x27;ve found Nasc VSCode Touchbar extension helpful. Now I can finally use the Touch Bar for various text manipulation shortcuts.
AlchemistCamp超过 3 年前
If I could only have two VS Code plugins, they&#x27;d be Live Share (Microsoft) and Vim (vscodevim).
评论 #29338699 未加载
评论 #29284840 未加载
legobmw99超过 3 年前
“Live Server” is great for launching a local web server when you’re editing web files
gremlinsinc超过 3 年前
github copilot is something I don&#x27;t think I could do without now that I&#x27;ve tried it... just don&#x27;t use it exclusively, use the code suggestions sure, but be sure it does what you want it to do. Know your code!
jbirer超过 3 年前
Tomorrow and Tomorrow night color scheme<p>&quot;ES7 React&#x2F;Redux&#x2F;GraphQL&#x2F;React-Native snippets&quot;<p>Vim
leonsegal超过 3 年前
tabnine - ai in the same vein as GitHub copilot. Speeds coding up quite a lot
评论 #29308636 未加载
shmde超过 3 年前
I find myself use &quot;Live Server&quot; extension alot.
评论 #29279171 未加载
cipher_system超过 3 年前
Project Manager. For quickly switching between projects.
zerkten超过 3 年前
&gt;&gt; They may even be used at FAANGs<p>Why would this matter?
评论 #29278781 未加载
评论 #29278807 未加载
评论 #29278998 未加载
merpnderp超过 3 年前
VIM. I don&#x27;t know how people program without being able to quickly move the cursor around, quickly regex code, or any of the million of things VIM does.
评论 #29281063 未加载
评论 #29308655 未加载
namaljayathunga超过 3 年前
I use these productive extensions<p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=Gruntfuggly.bettercomment" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=Gruntfug...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=alefragnani.Bookmarks" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=alefragn...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=EdgardMessias.clipboard-manager" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=EdgardMe...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=fabiospampinato.vscode-diff" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=fabiospa...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=geeebe.duplicate" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=geeebe.d...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=letrieu.expand-region" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=letrieu....</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=plrenaudin.gotolastedit" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=plrenaud...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=vincaslt.highlight-matching-tag" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=vincaslt...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=gazugafan.vscode-indent-on-paste" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=gazugafa...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=ms-vscode.sublime-keybindings" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=ms-vscod...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=yatki.vscode-surround" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=yatki.vs...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=fabiospampinato.vscode-todo-plus" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=fabiospa...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=formulahendry.auto-close-tag" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=formulah...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=eamodio.gitlens" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=eamodio....</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=mkloubert.vscode-kanban" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=mklouber...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=xyz.local-history" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=xyz.loca...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=kruemelkatze.vscode-dashboard" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=kruemelk...</a><p><a href="https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=Gruntfuggly.todo-tree" rel="nofollow">https:&#x2F;&#x2F;marketplace.visualstudio.com&#x2F;items?itemName=Gruntfug...</a>
dboreham超过 3 年前
Bookmarks
luciomartinez超过 3 年前
a.k.a. the reason of why I use IntelliJ, everything built in.
评论 #29279492 未加载
评论 #29279287 未加载
评论 #29279036 未加载
评论 #29279026 未加载