VSCode1.56版本特性+monaco字体

2021-06-25 15:32:20 浏览数 (1)

首先推荐一个编程的字体:monaco字体事实上是苹果电脑上的一款默认字体,号称苹果出品最好的编程字体。

代码语言:javascript复制
http://www.diyiziti.com/download/373/

先附上下载的地址

直接安装就好了

代码语言:javascript复制
"editor.fontLigatures": true,
"editor.fontFamily": "Consolas, 'Courier New', monospace,Monaco"

你切换成json的文件形式以后就会看到最后有这个字体相关的设置

然后加入,我把字体的连体也打开了

代码语言:javascript复制
"workbench.colorCustomizations": {        //覆盖当前所选颜色主题的颜色
  
  "editor.background": "#030202",        //编辑器背景色

  "editor.selectionBackground": "#6b5244",     //用户选中代码段的颜色 
  
  "editor.findMatchBackground": "#ff0000",     //当前搜索匹配的颜色
  
  "editor.findMatchHighlightBackground": "#ff00ff",   //其他搜索匹配项的颜色
 
  "editor.findRangeHighlightBackground": "#ff9900",   //限制搜索范围的颜色
 
  "editor.lineHighlightBackground": "#48314e",    //光标所在行高亮内容的背景颜色
  
  "editor.lineHighlightBorder": "#704b36"      //光标所在行四周边框的背景颜色

这里我再给出一些设置的选项,关于颜色相关的设置代码

有一些是随着版本的更新,API的接口发生了变化

这些命令其实不是不能用是设置错了地方

代码语言:javascript复制
"editor.cursorSmoothCaretAnimation": true,

这里建议打开这个平滑输入的功能

可以看到搜索的命令是全部匹配的,不用考虑空格大小写的相关问题

代码语言:javascript复制
https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils

这次的更新带来很多的变化,比如将鼠标箭头放在小部件上面被称为

改进的动作悬停反馈

这个 功能可以说是心心念念了,因为格式化,自动补全这些

都是要明确你的文件类型才可以开启,

有了一个新的设置选项,可以使背景更暗

代码语言:javascript复制
https://code.visualstudio.com/api/references/theme-color

这里也给出了相关的设置API,很精细

另外一个设置选项

现在可以通过notebook.cellToolbarLocation设置按文件类型自定义单元格工具栏位置

Markdown内集成了数学公式的渲染

代码语言:javascript复制
https://katex.org/docs/browser.html

VS Code 使用KaTeX来渲染方程。有两种方法可以将数学方程嵌入 Markdown 单元格中:

  • 使用单个美元符号:.... 这将创建一个内联数学方程。
  • 使用双美元符号:
...

. 这将创建一个居中的块数学方程。

  • 快速: KaTeX同步呈现其数学运算,无需重排页面。
  • 打印质量: KaTeX 的布局基于 Donald Knuth 的 TeX,这是数学排版的黄金标准。
  • 自包含: KaTeX 没有依赖项,可以轻松地与您的网站资源捆绑在一起。
  • 服务器端渲染:无论浏览器或环境如何,KaTeX 都会产生相同的输出,因此您可以使用 Node.js 预渲染表达式并将它们作为纯 HTML 发送。

可以看到上面改动后API的效果

用了这么长时间的笔记本还不知道怎么用md

原来只要一点就好了

代码语言:javascript复制
https://katex.org/docs/supported.html

以上的链接和图片是这个数学编辑器的一些基本用法

VSCode变得越来越好,越来越强大,不断的蚕食着别家编辑器的生存地位。我想如果有时间,是时候开始学习前端了。

0 人点赞