精华内容
下载资源
问答
  • 点击上方“AI有道”,选择“星标”公众号重磅干货,第一时间送达今天(北京...自建 WebVS Code前不久,微软正式发布了 Visual Studio Online,包含微软托管的 WebVS Code。如今,开发者已经可以直接从 VS Cod...

    点击上方“AI有道”,选择“星标”公众号

    重磅干货,第一时间送达8ecaad5053acf3c70378d0c7bbefb3ca.png

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

    自建 Web 版 VS Code

    前不久,微软正式发布了 Visual Studio Online,包含微软托管的 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 还是主要用于测试目的。

    f9a44498a13f57d3bade4398bb04835b.png

    编辑器分割的大小

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

    7005c2cfc78a9effb73f5926ac76d6df.gif

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

    5fdba723ae93cfbab08de6ee5b0f6dce.gif

    可定制的窗口边框

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

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

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

    3c1bbd863e3a05617be2a60f58455b63.gif

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

    新增了多个设置:

    outline.showVariablesoutline.showFunctions 等等,以及 breadcrumbs.showVariables

    995049a349ab2853308703c8869a2b57.png

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

    根据语言设置行尾字符

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

    "[mylanguage]": {

    "files.eol": "\n"

    }

    展开全文
  • VS Code 1.40已经发布,开发者已经可以直接从 VS Code 的源代码编译出 WebVS Code。如果你已经下载并且构建了 VS Code的源代码,只需运行 yarn web,就能在http://localhost:8080/访问,如果之前没有在本地构建...

    VS Code 1.40 已经发布,开发者已经可以直接从 VS Code 的源代码编译出 Web 版 VS Code。如果你已经下载并且构建了 VS Code 的源代码,只需运行 yarn web,就能在 http://localhost:8080/ 访问,如果之前没有在本地构建过,需要在本地先构建 VS Code,然后再运行 yarn web。该版本内容如下:

    活动栏指示器

    该版本为 Activity Bar 中的活动项引入了一个新的指示器,以使其更加突出并提高可读性。

    你可以通过新的颜色标记 activityBar.activeBorder 来控制活动指示器,另外还为 Active 元素引入了一个可选的背景色,activityBar.activeBackground,配置后可以如下所示:

    可定制的窗口边框

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

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

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

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

    新增了多个设置 outline.showVariables、outline.showFunctions 等等以及 breadcrumbs.showVariables。

    在分割编辑器时控制大小

    新设置 workbench.editor.splitSizing 用来分割窗口时调整编辑器的布局。默认情况下是平均分配,如下所示:

    将此设置更改为“split”,以便将当前编辑器分成两部分,而不影响其他编辑器的大小:

    根据语言设置行尾字符

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

    "[mylanguage]": {

    "files.eol": "\n"

    }

    改进括号匹配

    以前,VS Code 只会在光标位于括号字符旁边时突出显示匹配的括号。现在,VS Code 将始终突出显示括号(如果它们存在的话)。

    改进 Unicode 组合字符处理

    以前:

    现在:

    diff 编辑器改进

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

    Git:自动的 commit message

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

    Git: Reveal in Explorer

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

    Git: Clone progress

    clone 操作支持在右下角通知中显示进度:

    overview ruler 显示断点

    通过设置 debug.showBreakpointsInOverviewRuler,可以在右侧的 overview ruler 中显示断点。

    CSS media query 符号

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

    更多内容请见发布说明。

    展开全文
  • 自建 WebVS Code前不久,微软正式发布了 Visual Studio Online,包含微软托管的 WebVS Code。如今,开发者已经可以直接从 VS Code 的源代码编译出 WebVS Code。如果你已经下载了 VS ...

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

    自建 Web 版 VS Code

    前不久,微软正式发布了 Visual Studio Online,包含微软托管的 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

    展开全文
  • 自建 WebVS Code前不久,微软正式发布了 Visual Studio Online,包含微软托管的 WebVS Code。如今,开发者已经可以直接从 VS Code 的源代码编译出 WebVS Code。如果你已经下载了 VS ...

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

    自建 Web 版 VS Code

    前不久,微软正式发布了 Visual Studio Online,包含微软托管的 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

    更多最新的 VS Code 热门文章、使用技巧、插件推荐、插件开发攻略等,请关注“玩转VS Code”公众号!

    展开全文
  • 民众号关注“GitHubDaily”设为 “星标”,带你领会手艺圈内新鲜事北京...自建 WebVS Code前不久,微软正式公布了 Visual Studio Online,包罗微软托管的 WebVS Code。现在,开发者已经可以直接从 VS Code ...
  • 自建 WebVS Code如果你已经下载了 VS Code 在 GitHub 上的源代码,只需运行 yarn web,就能在 http://localhost:8080/ 访问啦!更多关于构建 VS Code 的信息,可以查看这篇贡献指南。http...
  • Web开发的5个基本VS Code扩展VS Code 是一个功能强大的IDE编辑器,很多人使用它进行Web应用的开发。这里介绍对Web开发最重要的5个VS Code扩展。工欲善其事必先利其器,相信他们将很大程度的提高的编码效率!Polacode...
  • 时不时 12:00推送优质文章,觉得有用,置顶加星标在北京时间 2019 年 11 月 ...自建 WebVS Code前不久,微软正式发布了 Visual Studio Online,包含微软托管的 WebVS Code。如今,开发者已经可以直接从 VS C...
  • Web开发的5个基本VS Code扩展VS Code 是一个功能强大的IDE编辑器,很多人使用它进行Web应用的开发。这里介绍对Web开发最重要的5个VS Code扩展。工欲善其事必先利其器,相信他们将很大程度的提高的编码效率!Polacode...
  • VS code的下载 https://pc.qq.com/detail/16/detail_22856.html VS code 是html的编辑器 同样,html跟css的编辑器还有很多,比如H-builder,亦或是直接在txt文档里面写,最后把文档改成.html后缀也可以直接运行。 ...
  • Web Template Studio 发布!在 VS Code 中轻松创建 Web 应用

    千次阅读 多人点赞 2019-05-25 09:39:45
    VS Code 中轻松创建 Web 应用 作者:韩骏 Fundebug经授权转载,版权归原作者所有。 作为一个 Web 应用开发者,Scaffolding Tool(脚手架工具)一定是在创建项目时的重要工具。许多开发者会习惯于使用基于 CLI 的...
  • 作为一个 Web 应用开发者,Scaffolding Tool(脚手架工具)一定是在创建项目时的重要工具。许多开发者会习惯于...近期(2019 年 5 月 15 日),微软发布了 Web Template Studio for VS Code,使得开发者在 VS Cod...
  • It looks like VS Code can't build and run the code. I have no problem when I use the command line "dotnet restore ; dotnet build ; dotnet run". The code works fine with VS2017 also. <p>It ...
  • 此外,更多的功能来到 WebVS Code(目前依旧是用于测试目的): Debug Search Tasks Problems 更多完整内容,请查看 VS Code 官网的 Release Notes: https://code.visualstudio.com/updates/v1_41 -...
  • Tutorial 2: Code-Behind with VS 2005 Web Application Projects The below tutorial helps explain the code-behind model and project structure of pages built within VS 2005 We...
  • 其实早就在今年 5 月份,微软在 Build 2019 开发者大会上宣布了 Web 版本的 VS Code,即 Visual Studio Online。在当时是 Private Preview 版本,仅允许开发者申请试用。在网页上打开一看,其实看上去可能跟 VS C...
  • Visual Studio Online & WebVS Code

    千次阅读 2019-05-07 12:58:00
    Visual Studio Online & WebVS Code https://online.visualstudio.com https://devblogs.microsoft.com/visualstudio/intelligent-productivity-and-collaboration-from-anywhere/ private preview pr...
  • <div><p>Hi, when trying to export an argdown document as SVG / PDF / JSON or Webcomponent, VS Code throws the following error <pre><code> [Error - 4:51:18 PM] Request workspace/executeCommand failed. ...
  • That makes sense as it seems to carry meta data to make the web interface work properly. This leads to some other differences like needing to reference just <code>length</code> instead of <code>...
  • vs Code 运行一个本地WEB服务器

    千次阅读 2018-01-24 09:00:00
    VS Code作为前端开发工具,值得推荐,用上之后,爱不释手 当我们建立一个全静态的前端项目时,如果需要将整个项目运行起来也非常简单,两步即可: 1、安装npm install -g live-server或者cnpm install live-server...
  • 今天(北京时间 2019 年 5 月 7 日),在微软Build 2019开发者大会上,微软宣布了 Web 版本的 VS Code - Visual Studio Online。相信读者们对WebVS Code 期待已久了。对 VS Code 熟悉的朋友应该知道,VS Code 是...
  • 下面就介绍一下怎样使用VS2010新增的 Code Snippet功能. 1. 创建一个新的项目. File -> new ->Project 选择创建一个Asp.netWeb Application 2. 右键Projcet Add-> New Item 创建一个新的Web ...
  • JSIDL vs WebIDL

    2021-01-01 19:02:53
    Browser vendors have invested a lot in their WebIDL infrastructure: from code generation to automated testing, so it's a bit presumptuous that browser makers would just abandon all that stuff - ...
  • 在网页上打开一看,其实看上去可能跟 VS Code 没有什么太大区别,就是一个Web版的VS Code。但是呢,虽然仅仅只是一个网页浏览器上的编辑器,它又可以支持如下功能: 支持Git存储库。 云支持,环境可运行许多专用云...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,844
精华内容 1,937
关键字:

codevsweb