🎁

12 Days of Baddass Courses sale! Get instant access to the entire egghead library of courses and lessons for 58% off.

Runs out in:
13 : 08 : 53 : 50
1×
Become a member
to unlock all features
Autoplay

    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
    }
    Code

    Code

    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
    Discuss

    Discuss

    Transcript

    Transcript

    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.