textlintをMDXファイルで使う方法
タイトルのとおり、MDXファイルでtextlintを使う方法を紹介します。
textlintは文章校正に非常に役立ちますが、そのVS Codeプラグインは、デフォルトではMDXファイルをサポートしていません。
広告
MDXファイルに対してもtextlintが適用されるようにするには、@textlint/textlint-plugin-markdownをインストールします。
npm install @textlint/textlint-plugin-markdown次に、.textlintrcに次のような設定を追加します。
{ "plugins": { "@textlint/markdown": { "extensions": [".mdx"] } }, // ルールの記述など}設定を変更したら、VS Codeを再起動してください。これで、MDXファイルに対してもtextlintが適用されるようになります。
参考
記事をシェア
フォローして最新情報を入手
Googleの優先ソースに追加すると、このサイトの記事をGoogleで見つけやすくなります。また、ぜひXやRSSフィードもフォローしてください。
広告
-1.png&w=1080&q=75)
生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。
Webフロントエンドプログラマーとして、TypeScriptを用いたWebアプリやブラウザー拡張機能を制作。Xのシャドウバン検知ツール「Shadowban Scanner」やリンクカード復活ツール「Restore Link Card」を公開し、国内外のメディアで紹介されました。iGEM 2023ではJapan-UnitedチームのWikiを制作してGrand Prizeの獲得に貢献。ブログではXやSNSの最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。



![[何を報告していますか?]というタイトルのダイアログで[スパム]にチェックが入っているスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-report-post-spam-selected.png&w=1920&q=75)

![Xの設定の[アクセシビリティ、表示、言語]>[表示]>[フォントサイズ]のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-android-font-size-settings.png&w=3840&q=75)
![Xの設定画面のスクリーンショット。[アクセシビリティ、表示、言語]>[データ利用の設定]の中のようすが示されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fx-data-saver-high-resolusion-image-settings.png&w=3840&q=75)

![npmのパッケージの設定画面のスクリーンショット。[Trusted Publisher]セクションの[Select your publisher]に[GitHub Actions]と[GitLab CI/CD]の2つのボタンが表示されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fnpm-trusted-publishing-settings.png&w=3840&q=75)
![[MCP Servers]というツールチップが表示されたボタンのスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fcline-mcp-server-button.png&w=640&q=75)


