最好用的跨平臺編輯器,沒有之一!
修改編輯器的顯示語言
起因:vsCode又升級了(1.13.0),重啟之後發現熟悉的中文選單沒有了,而且設定檔案
settings.json
也都變成英文了,對非英文母語的人來說,還是有很不方便的地方。
解決辦法:F1 -> Configure Language(可以只輸入 language)
,開啟 locale.json
進行修改
{
// Defines VSCode's display language.
// See https://go.microsoft.com/fwlink/?LinkId=761051 for a list of supported languages.
// Changing the value requires restarting VSCode.
// 想體驗原味的話,設定為:en ,中文的話就設定為:zh-CN
"locale":"zh-CN"
}
環境配置
開啟:首選項→使用者設定(settings.json)
建議配置如下
// 將設定放入此檔案中以覆蓋預設設定
{
"editor.fontSize": 16
,"editor.fontFamily": "PingFang SC"
//,"editor.fontFamily": "Microsoft Yahei"
// 有蘋方字型用蘋方,沒有就用雅黑,mac下字型建議設定為14
}
外掛安裝位置
win %USERPROFILE%\.vscode\extensions
mac ~/.vscode/extensions
linux ~/.vscode/extensions
推薦外掛
vscode-icons
:圖示擴充套件Markdown Theme Kit
:markdown樣式Express
:將當前目錄對映為web serverHTML Snippets
:HTML開發使用JavaScript(ES6) code snippets
:JavaScript開發使用
使用vsCode作為首選markdown編輯器的使用心得
通過大量的使用各種markdown編輯器,最後比較得出vsCode是最好用的工具。
當然,vsCode也並不完美,但以下幾個方面還是秒殺相當多的一批md編輯器。
- 跨平臺,免費!
- 100%的本地環境,無需聯網!
- 99%的可定製性!
- 安裝包小,效能好!
- 不支援markdown擴充套件語法中的task list,流程圖!
自定義markdown預覽樣式
修改 使用者設定(settings.json)
如下:
// 將設定放入此檔案中以覆蓋預設設定
{
"editor.fontSize": 16
,"editor.fontFamily": "PingFang SC"
,"markdown.styles": [
"file:///D:/work/document/css/vscode-markdown.css" // 自定義的樣式檔案
]
}
支援 Font Awesome
修改 使用者設定(settings.json)
如下:
// 將設定放入此檔案中以覆蓋預設設定
{
"editor.fontSize": 16
,"editor.fontFamily": "PingFang SC"
,"markdown.styles": [
"http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" // 連線線上資源
//,"file:///D:/work/document/css/font-awesome/4.6.3/css/font-awesome.css" // 本機資源
,"file:///D:/work/document/css/vscode-markdown.css" // 自定義的樣式檔案
]
}
匯出PDF
方法一:使用 Markdown PDF
擴充套件
優點:簡單
缺點:功能不夠強大, Windows下需要自行新增 phantomjs
方法二:使用chrome的擴充套件與列印功能
新增markdown reader擴充套件,又能預覽檔案,又能匯出PDF。
想要有更好體驗,請參考另一篇文章: MarkdownReader外掛改造