您的位置:首页 > 其它

Visual Studio Code 使用心得

2017-06-09 15:52 441 查看

[/i] [/i] [/i] 最好用的跨平台编辑器,没有之一!


[/i] 修改编辑器的显示语言


起因: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"
}

[/i] 环境配置

打开:首选项→用户设置(settings.json)

建议配置如下

// 将设置放入此文件中以覆盖默认设置
{
"editor.fontSize": 16
,"editor.fontFamily": "PingFang SC"
//,"editor.fontFamily": "Microsoft Yahei"
// 有苹方字体用苹方,没有就用雅黑,mac下字体建议设置为14
}

[/i] 插件安装位置

[/i] win
%USERPROFILE%\.vscode\extensions


[/i] mac
~/.vscode/extensions


[/i] linux
~/.vscode/extensions


[/i] 推荐插件

vscode-icons
:图标扩展

Markdown Theme Kit
:markdown样式

Express
:将当前目录映射为web server

HTML Snippets
:HTML开发使用

JavaScript(ES6) code snippets
:JavaScript开发使用

[/i] 使用vsCode作为首选markdown编辑器的使用心得

通过大量的使用各种markdown编辑器,最后比较得出vsCode是最好用的工具。

当然,vsCode也并不完美,但以下几个方面还是秒杀相当多的一批md编辑器。

[/i] 跨平台,免费!

[/i] 100%的本地环境,无需联网!

[/i] 99%的可定制性!

[/i] 安装包小,性能好!

[/i] 不支持markdown扩展语法中的task list,流程图!

[/i] 自定义markdown预览样式

修改
用户设置(settings.json)
如下:

// 将设置放入此文件中以覆盖默认设置
{
"editor.fontSize": 16
,"editor.fontFamily": "PingFang SC"
,"markdown.styles": [
"file:///D:/work/document/css/vscode-markdown.css" // 自定义的样式文件
]
}

[/i] 支持 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" // 自定义的样式文件
]
}

[/i] 导出PDF

方法一:使用
Markdown PDF
扩展

优点:简单

缺点:功能不够强大,[/i] Windows下需要自行添加
phantomjs


方法二:使用chrome的扩展与打印功能

添加markdown reader扩展,又能预览文件,又能导出PDF。

想要有更好体验,请参考另一篇文章:[/i] MarkdownReader插件改造
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: