建站
咨詢
售后
建站咨詢
新聞中心
我們再來看看另一個 VS Code 支持的非常好的語言——Markdown。Markdown 在近些年已經(jīng)成為了主流的文檔書寫語言，比如GitHub 上的項目 readme 默認就是 Markdown，微軟在13年也把 MSDN 的文檔從 XML 逐步地轉為 Markdown 了。
創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設、網(wǎng)絡營銷策劃、微信小程序、電子商務建設、網(wǎng)絡推廣、移動互聯(lián)開發(fā)、研究、服務為一體的技術型公司。公司成立10多年以來，已經(jīng)為1000+成都紙箱各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務?，F(xiàn)在，服務的1000+客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。
你在 VS Code 中書寫 Markdown 的時候，VS Code 會提供語法高亮。
VS Code 的定位是一個文本編輯器，而不是富文本編輯器，所以你并不能像一些 Markdown 編輯器一樣，獲得所見即所得的體驗。但是 VS Code 提供了一個 Markdown 預覽的效果。
VSCode Markdown的支持 側邊預覽
當你在編輯器中打開一個 Markdown 文件后，你可以通過命令面板執(zhí)行 “Markdown: 打開側邊預覽”（Markdown：Open Preview to the Side）來打開預覽窗口。
這樣無論你在左側的編輯器還是在右側的預覽窗口滾動時，另一個編輯器都會相對地滾動，以保證你能同時看到對應的 Markdown 內(nèi)容和預覽。
當你修改這個 Markdown 文件時，右側的預覽會自動更新，而且也會跟隨你的光標實時地滾動。
另外，在側邊預覽打開后，如果你打開另一個 Markdown 文件，側邊預覽也會實時地更新成新 Markdown 文件的預覽。
但有的時候，你可能會希望這個預覽窗口永遠只顯示“某個” Markdown 文件的預覽，而不是根據(jù)編輯器內(nèi)文件而變化，那這時你可以執(zhí)行 Markdown: 在側邊打開鎖定的預覽 （Markdown: Open Locked Preview to the Side）命令，這樣預覽窗口就會一直顯示你想要的這個Markdown文件的預覽內(nèi)容了。
VSCode Markdown的支持 同編輯器內(nèi)預覽
在側邊打開預覽的好處是，你可以直接編輯內(nèi)容并且看到實時的更新。但是有的時候你只是希望閱覽 Markdown 的最終預覽，這時候，你就可以使用 “Markdown: 打開預覽”（Markdown: Open Preview） 命令，在當前編輯器組內(nèi)打開預覽。
VSCode Markdown的支持 修改 Markdown 預覽格式
我們知道，Markdown 文件最終會被轉換成 HTML，然后在指定的網(wǎng)站上呈現(xiàn)出來。這些網(wǎng)站都有自己的一套樣式，為了能夠讓 VS Code 的 Markdown 預覽更接近 Markdown 文件發(fā)布后的效果，你可以為 Markdown 的預覽提供一套自定義的 CSS 樣式。比如說你可以把最終網(wǎng)站上使用的 CSS 套用在 VS Code 的 Markdown 的本地預覽中。
要達到這個目的，配置也很簡單。你可以在設置里，添加如下配置：
{
"markdown.styles": [
"Style.css"
]
}JSON
通過給 markdown.styles 屬性指定 CSS 樣式的地址，你就能控制 Markdown 的預覽效果了。
除了 CSS 樣式，你也可以通過書寫插件，給 VS Code 添加新的 Markdown 語法和預覽，這個內(nèi)容我會在專欄的插件部分介紹。
VSCode Markdown的支持 Markdown 內(nèi)跳轉
相信你還記得，在專欄的編輯器部分，我們介紹過如何在符號（Symbols）中快速跳轉。這個功能在 Markdown 中顯得更加方便了。你可以通過符號，快速地在不同的章節(jié)直接進行跳轉。
如果你打開了面包屑功能的話，你也可以通過面包屑工具欄來跳轉。
VSCode Markdown的支持 Markdown 代碼折疊
在介紹代碼折疊功能（Folding）時，我們探討過VS Code支持插件來動態(tài)地計算哪些代碼可以折疊，而不是簡單地檢測花括號或者代碼縮進。Markdown 就是一個特別好的例子，你可以在編輯 Markdown 時，根據(jù)章節(jié)來對內(nèi)容進行折疊。
網(wǎng)站標題：創(chuàng)新互聯(lián)Vscode教程：vscode支持Markdown
當前地址：http://www.5511xx.com/article/coicjog.html
