VSCode中預覽markdown和修改預覽樣式
來源:懂視網
責編:小采
時間:2020-11-27 20:12:04
VSCode中預覽markdown和修改預覽樣式
VSCode中預覽markdown和修改預覽樣式:一VSCode可以直接編輯markdown并且預覽二修改VSCode中markdown預覽樣式三我不管我直接下載插件四結束一、VSCode可以直接編輯markdown并且預覽使用快捷鍵Ctrl+k然后按V健,或者點擊右上角的打開側邊欄預覽(在預覽中滾動編輯區會跟隨滾動) 可以看到如下圖:
導讀VSCode中預覽markdown和修改預覽樣式:一VSCode可以直接編輯markdown并且預覽二修改VSCode中markdown預覽樣式三我不管我直接下載插件四結束一、VSCode可以直接編輯markdown并且預覽使用快捷鍵Ctrl+k然后按V健,或者點擊右上角的打開側邊欄預覽(在預覽中滾動編輯區會跟隨滾動) 可以看到如下圖:
一VSCode可以直接編輯markdown并且預覽
二修改VSCode中markdown預覽樣式
三我不管我直接下載插件
四結束
一、VSCode可以直接編輯markdown并且預覽
使用快捷鍵Ctrl+k然后按V健,或者點擊右上角的打開側邊欄預覽(在預覽中滾動編輯區會跟隨滾動)

可以看到如下圖:

也可以直接用快捷鍵Ctrl+shift+v直接預覽:

雙擊可以返回編輯視圖
當然還是直接用側邊欄預覽更方便些
二、修改VSCode中markdown預覽樣式
1.設置
使用快捷鍵Ctrl+, (逗號),或點擊 文件>首選項>設置,或點擊左下角設置圖標
2.在設置中找到markdown

點擊編輯
3.在網上找個markdown的CSS樣式(也可以自己寫)
4.在配置里添加如下代碼
//根據你自己的具體位置自己安排"markdown.styles": [
"file:///D:/Program Files/Microsoft VS Code/resources/app/extensions/markdown/media/Style.css"
]
三、我不管,我直接下載插件
1.搜索插件Markdown Preview Enhanced,然后安裝
2.重新加載
3.在編輯區右鍵點擊菜單,如下面的選項

四、結束
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
VSCode中預覽markdown和修改預覽樣式
VSCode中預覽markdown和修改預覽樣式:一VSCode可以直接編輯markdown并且預覽二修改VSCode中markdown預覽樣式三我不管我直接下載插件四結束一、VSCode可以直接編輯markdown并且預覽使用快捷鍵Ctrl+k然后按V健,或者點擊右上角的打開側邊欄預覽(在預覽中滾動編輯區會跟隨滾動) 可以看到如下圖: