如何讓 vscode 中的 markdown 文件自動斷行
Jul 29, 2021
如果你習慣用 Markdown 來寫作，以 Vscode 作為主要的編輯器，同時使用 mdx-bundler、remarkjs、mdx 來將這些 markdown 文件轉換成 HTML ，你可能也會遇到相同的問題：文句不會自動斷行，如果自行斷行的話，又會影響 HTML 的生成。
這個時候你就需要 vscode softwrap（自動斷行）的功能，它只會影響編輯器裡看起來的模樣，而不會影響實際生成的程式碼。你可以在 vscode - settings.json之中加入以下設定檔即可啟動這個功能。
"editor.wordWrap": "wordWrapColumn",
"editor.wordWrapColumn": 100, // 限制最高寬度只有 100 個字元雖然 markdown 文件成功斷行，其他類型的文件也統一被斷行了。縱使 softwrap 不會影響實際的程式碼，但是視覺上還是會造成困惑。如果在大型 js 專案之中使用 prettier 託管程式風格時，更是如此（printWidth）。
因此我們需要限制這個設定執行的文件類型，幸好 VScode 1.9 以後我們可以指定這件事。
"[mdx]": {
"editor.wordWrap": "wordWrapColumn",
"editor.wordWrapColumn": 100,
},
"[markdown]": {
"editor.wordWrap": "wordWrapColumn",
"editor.wordWrapColumn": 100,
}Voila! 只有 markdown 或是 mdx 文件會自動斷行了，是不是很方便阿。