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 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插件改造
Visual Studio Code 使用心得的更多相关文章
- Visual Studio Code 代理设置
Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器,在十多年的编程经历中,我使用过非常多的的代码编辑器(包括 IDE),例如 Fron ...
- 在Visual Studio Code中配置GO开发环境
一.GO语言安装 详情查看:GO语言下载.安装.配置 二.GoLang插件介绍 对于Visual Studio Code开发工具,有一款优秀的GoLang插件,它的主页为:https://github ...
- Visual Studio Code——Angular2 Hello World 之 2.0
最近看到一篇用Visual Studio Code开发Angular2的文章,也是一篇入门教程,地址为:使用Visual Studio Code開發Angular 2專案.这里按部就班的做了一遍,感觉 ...
- docker4dotnet #3 在macOS上使用Visual Studio Code和Docker开发asp.net core和mysql应用
.net猿遇到了小鲸鱼,觉得越来越兴奋.本来.net猿只是在透过家里那田子窗看外面的世界,但是看着海峡对岸的苹果园越来越茂盛,实在不想再去做一只宅猿了.于是,.net猿决定搭上小鲸鱼的渡轮到苹果园去看 ...
- Visual Studio Code v0.9.1 发布
微软的跨平台编辑器 Visual Studio Code v0.9.1 已经发布,官方博客上发布文章Visual Studio Code – October Update (0.9.1):http:/ ...
- 微软Visual Studio Code 0.8.0发布,新增多种主题
月30日,Build 开发者大会上,正式宣布了 Visual Studio Code 项目;并将其定义为:一个运行于 Mac OS X.Windows和 Linux 之上的,针对于编写现代 Web 和 ...
- Visual Studio Code 配置指南
Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器.在我看来它是「一款完美的编辑器」. 本文是有关 VS Code 的特性介绍与配置指 ...
- Visual Studio Code,完美的编辑器
今日凌晨,微软的文本(代码)编辑器 Visual Studio Code(简称 VS Code),发布了首个正式版,距离首个 beta 版上线时间刚好一年. 在十多年的编程经历中,我使用过非常多的的代 ...
- 打造TypeScript的Visual Studio Code开发环境
打造TypeScript的Visual Studio Code开发环境 本文转自:https://zhuanlan.zhihu.com/p/21611724 作者: 2gua TypeScript是由 ...
随机推荐
- 单片机下载芯片max232,ch340,pl2303,hl340与下载接线
开发板上的下载口位置一般都有很多 340,232等芯片,这些芯片都是干嘛用的呢? 普及:TTL电平 : 二进制电平,+5V等价于逻辑"1",0V等价于逻辑"0&qu ...
- Web 网站服务
Apache 简介 Apache HTTP Server(简称Apache)是开放源码的网页服务器,基于标准的HTTP网站协议提供网页浏览服务,在Web服务器领域中长期保持着超过半数的份额.Apach ...
- mybatis中oracle实现分页效果
首先当我们需要通过xml格式处理sql语句时,经常会用到< ,<=,>,>=等符号,但是很容易引起xml格式的错误,这样会导致后台将xml字符串转换为xml文档时报错,从而导致 ...
- Android性能优化——之防止内存泄露
又是好久没有写博客了,一直都比较忙,最近终于有时间沉淀和整理一下最近学到和解决的一些问题. 最近进行技术支持的时候,遇到了几个崩溃的问题,都是OOM异常,一般OOM异常给人的感觉应该是加载大图片造成的 ...
- 利用Unity3D实现多平台增强现实网络游戏的一种方案
这几天去厦门参加了VALSE2017会议,对于其中某个环节展示的有关增强现实游戏的部分印象深刻.因为前两年一度沉迷于利用各类引擎开发游戏,所以也曾经以Pokemon GO为模板开发过一款多平台增强现实 ...
- C#代码将html样式文件转为Word文档
首先有个这样的需求,将以下网页内容下载为Word文件. html代码: <div class="modal-body"> <div style=" ...
- hdu5145 NPY and girls
人生中第一道莫队,本来以为是一道水题的.. 首先这题只有区间查询,没有修改操作,使用莫队比较明显,但统计答案有点麻烦.. 根据题意,在n个人里选m个不相同种类的人,设第i种人数量为ai,总方案为c(n ...
- 清北Day 2
清北第二天,感受到了来自这个世界的不友善,大概把没听过不会的"名词"记录下来就已经一面了,然后被大佬说这都是最基础的东西,就很皮,那就趁别人练习字符串的题的时候,来写波博客了,倒不 ...
- 【lucene系列学习四】使用IKAnalyzer分词器实现敏感词和停用词过滤
Lucene自带的中文分词器SmartChineseAnalyzer不太好扩展,于是我用了IKAnalyzer来进行敏感词和停用词的过滤. 首先,下载IKAnalyzer,我下载了 然后,由于IKAn ...
- Docker - 手动迁移镜像
在没有Docker Registry时,可以通过docker save和docker load命令完成镜像迁移的过程,先将镜像保存为压缩包,然后在其他位置再加载压缩包. 将镜像保存为压缩包文件 [ro ...