Visual Studio Code 使用心得

最好用的跨平臺編輯器，沒有之一！

修改編輯器的顯示語言

原由：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 server
• HTML 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插件改造