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の最新ニュース、不具合の検証と対処法、フロントエンド開発の知見を発信しています。




![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)




![Discordの[プロフィールのプライバシー]設定のスクリーンショット](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Fdiscord-profile-privacy-settings.png&w=3840&q=75)
![スマートフォンのホーム画面の[Social]フォルダーを表示した写真。フォルダー内にはFacebook、Instagram、Threads、X、LinkedIn、TikTok、YouTubeのアイコンが配置されている](/_next/image/?url=%2Fapi%2Fmedia%2Ffile%2Ffacebook-instagram-threads-x-twitter-linkedin-tiktok-youtube-mobile-app-unsplash.jpg&w=3840&q=75)

