Adding Language Specific Settings in VSCode

Adding Custom Syntax Highlighting to a Theme in VSCode

Diffing Two Files in VSCode

Kyle's VSCode Tips and Tricks

Developers can optimize their VSCode settings per language. In this lesson, I show an example where I add settings specifically for MDX files. This pattern can be used to adjust settings for any language supported by VSCode.

The settings used in this lesson are:

```javascript
"[mdx]": {
  "editor.wordWrap": "bounded",
  "editor.wordWrapColumn": 80
}
```

Instructor: [00:00] Lately, I've been writing a lot of blog posts in MDX, a language that allows us to combine markdown and JSX together. I don't like that my editor makes the text go further than 80 characters. That's where this line is, right here.

[00:14] I'd like to update that specifically for MDX. How do I do that? I can go down to the language, here in the bottom right, in VSCode. I can click on it, and I can select, "Configure Markdown React Language based settings." This opens up my settings.json file, and opens up an object with the key MDX.

[00:31] From here, I can paste in some settings that I have, and I can save it. When I go back, you could see that it's updated.

Course

Kyle's VSCode Tips and Tricks

Adding Language Specific Settings in VSCode

Share this video with your friends