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插件改造