• Stars
    star
    110
  • Rank 307,117 (Top 7 %)
  • Language
  • License
    MIT License
  • Created almost 6 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

MDX for Visual Studio Code

MDX for Visual Studio Code (deprecated)

Note: This extension has been deprecated in favor of the official MDX extension.


Adds language support for MDX.

Installation

You can install this extension from the Marketplace.

What about .md files?

By default the MDX language is applied only to .mdx files. If MDX files in your project end with .md, you can tell VS Code that by adding the following to your workspace settings:

"files.associations": {
  "*.md": "mdx"
},

Note that once you do that, any settings associated to [markdown] will stop applying to .md files. For example, if you had something like this in your settings:

"[markdown]": {
    "editor.wordWrap": "wordWrapColumn",
    "editor.wordWrapColumn": 100
},

You probably want to replace it by this:

"[mdx]": {
    "editor.wordWrap": "wordWrapColumn",
    "editor.wordWrapColumn": 100
},

Auto-close tags

If you want VS Code to automatically close tags while you type, you can install Auto Close Tag and configure it to also include the language mdx:

"auto-close-tag.activationOnLanguage": [
  "xml",
  "php",
  "...",
  "mdx"
]

More Repositories

1

generator-wbp

Scaffold a modern workflow for developing web apps and sites
JavaScript
102
star
2

remark-smartypants

remark plugin to implement SmartyPants
JavaScript
43
star
3

silvenon.com

My overengineered personal website
MDX
23
star
4

testing-react-and-redux

Code from my blog series.
JavaScript
21
star
5

css-customs

Exposes custom properties, custom media queries and custom selectors to JavaScript
JavaScript
9
star
6

jszg-selenium

A meetup demo: Node.js Selenium testing workflow
JavaScript
8
star
7

demo-css-in-js

Various techniques of bridging the gap between CSS and JavaScript
JavaScript
8
star
8

webpack-dash

Dash docset for webpack.
JavaScript
8
star
9

repro

Demos reproducing various bugs
4
star
10

zepto-module-demo

There are only upsides to converting Zepto into modules
JavaScript
4
star
11

jszg-webpack

A meetup demo: Unpacking Webpack
JavaScript
4
star
12

js-project

A template for my JavaScript projects
JavaScript
3
star
13

sretnosrce

A site where I was giving love & sex advice.
HTML
2
star
14

blog-utils

Utilities for common blogging patterns
JavaScript
2
star
15

cbt-tunnel

Create a Local Connection for the CrossBrowserTesting app
JavaScript
2
star
16

fb-feed-limiter

A Chrome extension that limits your Facebook news feed to around 10 posts.
CSS
2
star
17

off-canvas

Provides an off-canvas menu.
CSS
2
star
18

being-a-genius

A CSS typography demo.
Ruby
1
star
19

gatsby-transformer-mdx

Use gatsby-mdx instead: https://github.com/ChristopherBiscardi/gatsby-mdx
JavaScript
1
star
20

postcss-webfontloader

Provides fallbacks for loading fonts with webfontloader
JavaScript
1
star
21

repro-remix-esbuild-vercel

TypeScript
1
star
22

smph-todo-app

AVA + Semaphore CI
JavaScript
1
star
23

mord-os

TypeScript
1
star
24

demo-cra-basic-auth

A demo for a create-react-app issue with proxy and HTTP basic authentication.
HTML
1
star
25

concordia-discors

A website for a choir in my college.
Haml
1
star