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.
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!