Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Adding Language Specific Settings in VSCode

    Kyle ShevlinKyle Shevlin
    vscodeVS Code

    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


    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson




    Instructor: 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.

    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.

    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.