Adding Language Specific Settings in VSCode
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:
"[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.