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