Matt Bierner’s Tweets

Mar 9

Peek at a new #augmentedReality visualizer I’m experimenting with Sound distorts the sphere, letting you see speech or music. It’s pretty neat! #ios #arkit #ar

0:24

939 views

Today's

tip: File nesting Nest related files in the explorer You can nest compiled JS under TS files for example or just clean up the view of your workspace Enable it with: explorer.fileNesting.enabled Customize it with: explorer.fileNesting.patterns #code2020

1:59

242 views

The latest

insider adds #markdown link validation! Now you get warnings when you link to a file or header that does not exist Enable it with 'markdown.experimental.validate.enabled'. We're actively working on this feature so give it a try and be sure to share feedback!

2:08

6.2K views

111

Today's

setting: Files › Refactoring: Auto Save Automatically save after refactors that go across files, such as renames This settings is enabled by default. When disabled, VS Code will instead open all changed files as unsaved editors that you can review #code2020

1:58

8.1K views

Today's

tip: Rename markdown headers Use rename (F2) to change a #markdown header while also updating all links to that header in the current workspace This ensures you don't accidentally create broken links when changing a header's text #code2020

1:36

6.9K views

114

May 7

One way I like using #Beatsy is to explore what natural sounds look like Here's Beatsy at the beach, using #augmentedReality distortion to see the sound of waves Try seeing what you can discover! apps.apple.com/us/app/beatsy/

0:49

564 views

Topics to follow

Carousel

Today's

tip: local history Local history in the Timeline view shows you all changes made to a file Use it to diff against old versions or even restore them Local history is enabled automatically and does not require source control #code2020

2:07

981 views

The

Markdown Preview extension for VS Code now includes Mermaid support! With it Mermaid diagrams render right in

's built-in #markdown preview, just like they do on GitHub 👉 Get it here: marketplace.visualstudio.com/items?itemName

GIF

180

933

Today's

command: Compare active file with saved View a diff of all changes in an unsaved text editor using the 'File: Compare active file with saved' command #code2020

1:28

709 views

TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.

Apr 30

Making Old #SanJuan’s blue cobblestones dance with #Beatsy vm.tiktok.com/ZTdqkX9Rk/ #AugmentedReality #arkit #ios

tiktok.com

TikTok - Make Your Day

Today's

tip: CSS formatting Use the built-in #css and #scss formatters to quickly tidy up your stylesheets Run the formatters using the 'Format Document' command or with alt+shift+F / ctrl+shift+F #code2020

1:52

329 views

Apr 21

Tired of VS Code jumping into d.ts files? Try the new 'Go to Source Definition' in today's

insiders. It tries taking you to the #JavaScript source of a function/method, even if it's under node_modules! Big �? for

@atcb

for adding this!

GIF

220

939

Apr 20

New Code 0 to 20 is out! youtu.be/Uc4I4ByUe0A This almost hour long deep dive covers workspace search in

Workspace Search in VS Code — A deep dive on find in files, replace,...

, everything from basic searching, to regular expression find/replace, to includes and excludes, to search editors

youtube.com

This Code 0 to 20 looks at workspace search in VS Code. Workspace search lets you search through the contents of your workspace for some text.This is a deep ...

Apr 19

New Code 0 to 20 drops tomorrow! The hour long video will cover

Hi, I'm Matt Bierner! I work on VS Code and created this channel to share some of my favorite tips and tricks for working efficiently with VS Code.

's workspace search in depth, and touches on everything from basic searching to multi-cursor editing of search editor results Watch it on the Code 20/20 YouTube

youtube.com

Code 2020

Today's

setting: Search Smart Case Automatically enable case-sensitive workspace search when you use uppercase letters This can save time vs toggling case-sensitivity on and off #code2020

1:34

412 views

Apr 14

New api proposal that enables this functionality: github.com/microsoft/vsco

The latest

insiders lets you drag and drop files to add images / links to #markdown You can drag files from the VS Code explorer, your OS, or even a website! Give it a try and let me know what you think code.visualstudio.com/insiders/

1:23

3.7K views

115

Today's

tip: Drag and drop to open folders Quickly open a folder in VS Code by dropping it on the VS Code window If you drop the folder on the VS Code explorer, you can instead add it to the current workspace (creating a multi-root workspace) #code2020

1:31

285 views

Today's

tip: inline quick suggestions See suggestions inline as you type instead of in the suggest widget Press Tab to accept a suggestion and use option/alt+[ to cycle through suggestions Enable them using "inline" for the "editor.quickSuggestions" setting #code2020

2:13

398 views

Support Drag and Dropping From OSX Emoji and Symbols Panel · Issue #12953 · microsoft/vscode

Apr 8

github.com/microsoft/vsco Fixing it was actually an accident 🙃

github.com

VSCode Version: 1.6 Insiders OS Version: OSX 10.11 Using the OSX Emoji & Symbol panel, some applications support dragging and dropping symbols directly from the panel into a text field inse...

Took almost six years but I fixed it! Yes finally you can drag and drop #MacOS emoji into VS Code 🥳🎉🎊 Try it in the latest

insiders!

GIF

Show this thread

Matt Bierner Retweeted

Hawk Ticehurst

@hawkticehurst

Apr 7

📣 Announcing the 1.0 release of the Webview UI Toolkit for Visual Studio

@Code

! In celebration of this milestone, we’re sharing what’s new since our public preview release and a small peek at what’s coming next 🧵👇 github.com/microsoft/vsco

read image description

ALT

267

More #markdown + VS Code fun: using F2 to rename a header and all links to it across the entire workspace! Try it in today's

insiders build

1:14

13K views

220

Today's

tip: High contrast themes The built-in high contrast color themes are optimized to make UI elements clearly stand out There's a dark and light high contrast theme depending on your preference #code2020

1:23

725 views

Matt Bierner Retweeted

Rob Palmer

@robpalmer2

Mar 31

ECMAScript excitement 😉 Congrats to

@giltayar

& my fellow champions

@drosenwasser

@romulocintra

on advancing TC39 proposal "Type Annotations" to Stage 1 🎉 This proposal was formerly known as "Types as Comments" Hopefully this will make using typed JavaScript even easier 🎈

204

References are the first step for adding other interesting features to md, such as: - Error reporting for broken internal links - Update links on header rename - Update links on file move/rename

Ever wish you could find all the places where a file/header is linked to in your #markdown? Now it's easy using 'Find All References' in the latest

insiders! code.visualstudio.com/insiders/ Give it a try and be sure to report any issues

1:52

9K views

110

Today's

extension: Live preview Preview html directly in VS Code. The preview updates as you edit so you can iterate quickly! marketplace.visualstudio.com/items?itemName #code2020

2:15

8.1K views

178

Today's

setting: Workbench > Editor: Navigation Scope Control how 'Go Back' and 'Go Forward' navigate through editor history • default — Nav through all editors • editorGroup — Limit nav to current editor group • editor — Limit nav to current editor #code2020

2:18

389 views

Mar 22

New #augmentedReality prototype: AR shadow puppets Use your hands or body to cast virtual shadows. When you step back the shadows continue flickering across the world! #ARKit #AR #iOS

1:23

541 views

Today's

setting: Editor line height Change the height of lines in the code editor Values between 0 and 8 set the line height relative to the current font size. So '3' sets line height to 3x the font size Values over 8 set the absolute line height in pixels #code2020

2:10

8.2K views

Matt Bierner Retweeted

has audio cues and folks like it. We want to add more to

@VisualStudio

too. If you've got opinions and want to join the conversation, head over to developercommunity.visualstudio.com/t/More-Audio-c

Quote Tweet

· Mar 16

Today's @code tip: Audio cues Audio cues can provide audible alerts for events such as hitting a breakpoint and for when the current line contains errors or is folded They are on by default in screenreader mode. You can also explicitly enable/disable specific cues #code2020

2:16

8.5K views

Today's

tip: Audio cues Audio cues can provide audible alerts for events such as hitting a breakpoint and for when the current line contains errors or is folded They are on by default in screenreader mode. You can also explicitly enable/disable specific cues #code2020

2:16

8.5K views

108

Today's

command: Surround with snippet Quickly wrap selected statements in a try/catch or if/else using 'Surround with Snippet' Extension can provide more specialized snippets for your favorite languages and environments #code2020

1:40

639 views

Mar 10

Just added shadows to the #AR sound visualizer I showed off earlier this week. They help anchor the effect in the world I tried using #scenekit for this originally but couldn’t get it working nicely so ended up rolling my own #arkit #AugmentedReality

0:45

373 views