Visual Studio Code 使用心得
2017-06-09 15:52
483 查看
[/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插件改造
相关文章推荐
- Visual Studio Code使用心得
- Visual Studio Code 使用心得
- 如何在Mac OS X上安装和使用Visual Studio Code和ASP.NET 5
- Linux 下使用Visual Studio Code
- dotnetCore系列:使用Visual Studio code 创建DotNet Core 1.0应用并调试(1)
- 使用Visual Studio Code开发Asp.Net Core WebApi学习笔记(五)-- Filter
- 使用Visual Studio Code开发Asp.Net Core WebApi学习笔记(二)-- Web Api Demo
- visual studio code使用------ 代码提示
- 使用Visual Studio code
- Visual Studio Code使用typings拓展自动补全功能
- 在Mac上使用Visual Studio Code开发/调试.NET Core代码
- 使用Visual Studio Code开发Asp.Net Core WebApi学习笔记(四)-- Middleware
- 使用Visual Studio Code开发AngularJS应用
- Visual Studio Code 使用 ESLint 增强代码风格检查
- 使用Visual Studio Code创建第一个ASP.NET Core应用程序
- 如何在Mac OS X上安装和使用Visual Studio Code和ASP.NET 5(转)
- Visual Studio Code 使用 Typings 实现智能提示功能
- Windows下使用Visual Studio Code搭建Go语言环境
- Mac上使用Visual Studio Code开发/调试.NET Core代码
- Nodejs创建Express4项目以及使用Visual Studio Code编辑器配置Nodejs开发环境