博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
VS Code 1.40 发布!可自行搭建 Web 版 VS Code!
阅读量:4094 次
发布时间:2019-05-25

本文共 1472 字,大约阅读时间需要 4 分钟。

公众号关注 “GitHubDaily”

设为 “星标”,带你了解技术圈内新鲜事

北京时间 2019 年 11 月 8 日,微软发布了 Visual Studio Code 1.40 版本。让我们来看看有哪些主要的更新。

自建 Web 版 VS Code

前不久,,包含微软托管的 Web 版 VS Code。如今,开发者已经可以直接从 VS Code 的源代码编译出 Web 版 VS Code。

如果你已经下载了 VS Code 在 GitHub 上的源代码,只需运行 yarn web,就能在 http://localhost:8080/ 访问啦!

更多关于构建 VS Code 的信息,可以查看这篇贡献指南。

https://github.com/microsoft/vscode/wiki/How-to-Contribute

需要注意的是,当前 Web 版本的 VS Code 还是主要用于测试目的。

编辑器分割的大小

通过 workbench.editor.splitSizing 可以控制新分割的大小。默认情况下,所有的编辑器是均分的。

当把 workbench.editor.splitSizing 设置为 split 时,只有当前编辑器会被分割,其余的编辑器不受影响。

可定制的窗口边框

新增了 window.activeBorder 和 window.inactiveBorder 两个主题颜色。

  • window.activeBorder:设置窗口有焦点时候的边框颜色

  • window.inactiveBorder:设置窗口失去焦点时候的边框颜色

面包屑导航(breadcrumbs)的类型过滤器

新增了多个设置:

outline.showVariables、outline.showFunctions 等等,以及 breadcrumbs.showVariables。

如上图所示,breadcrumbs.showVariables 被设置为 false,相应的 hidden 变量不会在面包屑导航(breadcrumbs)中显示。

根据语言设置行尾字符

可以根据不同的语言来设置行尾字符(files.eol)。

"[mylanguage]":{"files.eol":"\n"}

比较空白字符

通过 Show/Ignore Trim Trailing Whitespace Difference, 可以设置是否比较空白字符。

Git:自动的 commit message

如果 VS Code 检测到当前是一个 merge 的 commit,则会自动补全 commit message。

Git: Reveal in Explorer

在 Git 的文件管理器的右键菜单中,新增了 Reveal in Explorer 选项。

概述标尺显示断点

通过设置 debug.showBreakpointsInOverviewRuler,可以在右侧的概述标尺中显示断点。

CSS media query 符号

在 CSS/SCSS/Less 文件中,media query 符号会在 Outline 和 Breadcrumb 显示。

更多完整内容,请查看 VS Code 官网的 Release Notes:

https://code.visualstudio.com/updates/v1_40

---

以上,便是今日分享,觉得不错,还请点个在看,谢谢。

推荐阅读:

「GitHub 交流群」已开放

想入群的可在公众号后台回复「入群」

转载地址:http://zxpii.baihongyu.com/

你可能感兴趣的文章
我觉得刷题是有必要的,不然小心实际被问的时候懵逼,我觉得你需要刷个50份面试题。跟考研数学疯狂刷卷子一样!
查看>>
我觉得嵌入式面试三要素:基础吃透+项目+大量刷题,缺一不可。不刷题是不行的。而且得是大量刷,刷出感觉套路,别人做题都做得是固定题型套路条件反射了,你还在那慢慢理解慢慢推是不行的,也是考研的教训。
查看>>
React + TypeScript 实现泛型组件
查看>>
TypeScript 完全手册
查看>>
React Native之原理浅析
查看>>
Git操作清单
查看>>
基础算法
查看>>
前端面试
查看>>
React Hooks 完全指南
查看>>
nvm 和 nrm 的安装与使用
查看>>
Flutter Boost的router管理
查看>>
Android Flutter混合编译
查看>>
微信小程序 Audio API
查看>>
[React Native]react-native-scrollable-tab-view(进阶篇)
查看>>
Vue全家桶+Mint-Ui打造高仿QQMusic,搭配详细说明
查看>>
React Native应用部署/热更新-CodePush最新集成总结(新)
查看>>
react-native-wechat
查看>>
基于云信的react-native聊天系统
查看>>
网易云音乐移动客户端Vue.js
查看>>
ES7 await/async
查看>>