工具帝 发布的文章

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,javaVSCode 支持Java,VS Code上的 Java 语言支持,可以说是多家大企业通力合作了。最早成熟的 Java 插件,是由 Red Hat 公司实现的,叫做 Language Support for Java by Red Hat。 它背后使用的技术则是 Java Language Server,也就是 Language Server Protocol 的 Java 实现。除了VS Code的这个 Java 插件在使用以外,Eclipse Che 现在也在使用 Java Language Server。而说到 Java Language Server ,又不得不提它的底层一个非常重要的库 Eclipse JDT (Eclipse Java development tools ),VS Code的项目领导 Erich Gamma,在加入微软之前,就是在 IBM 负责 Eclipse JDT 这个项目的。继续回到 Java 插件上。Language Support for Java by Red Hat 这个插件,能够提供代码跳转、自动补全、重构等智能语言功能。不过,它并不支持 Java 代码的调试。如果要对 Java 代码进行调试,则需要安装另一个插件 Debugger for Java ,这个插件则是由微软 Visual Studio 中国团队开发和维护的。而现在 Red Hat 和 Visual Studio 中国团队正在一起合作,共同为 Java 用户在VS Code上提供更好的编程体验。

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,goVSCode 支持Go,VS Code上的 Go 语言插件,是由微软官方推出的。Go 语言插件,是VS Code推出插件 API 时的首批插件,直到现在,也依然由VS Code团队成员进行维护开发,项目地址是 https://github.com/microsoft/vscode-go 作为 VS Code 团队维护的项目,GitHub issues 是它唯一的反馈渠道。要安装这个插件,你可以在VS Code的插件视图里搜索 Go,也可以通过插件市场进行下载。VS Code也是 Go 团队官方推荐的开发工具。安装使用

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,Node.jsVSCode 支持Node.js,VS Code 的各种 JavaScript 功能,是通过 TypeScript 的编译器来实现的,但是它并没有局限JavaScript 代码是前端项目还是后端项目,VS Code 对它们的语言支持都是一致的。不过,这里不得不提 VS Code 的 Node.js 调试器。它是 VS Code 里的第一个代码调试器,可以说,VS Code 的代码调试 API,Node.js 是支持得最好的。从这个角度看,Node.js 在 VS Code 项目的地位,可以跟 TypeScript 比肩了。那么,我们就来看看,VS Code 里对于 Node.js 调试,有哪几个有趣且实用的功能。代码调试 Auto Attach第一个就是代码调试(Auto Attach)了。在前面介绍 VS Code 的代码调试功能时,我举的第一个例子,就是打开一个 JavaScript 文件,以 Node.js 环境进行调试运行,然后又介绍了如何书写 launch.json 来提供相对复杂的代码调试配置。其实,Node.js 调试器则更进一步。如果我们在 VS Code 的集成终端里以命令行的形式调试代码的话,则可以无需 launch.json,直接将调试器挂载到运行的代码上。

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,JavaScript,js支持JavaScript,VS Code 团队本身就是 JavaScript 的使用者,同时 VS Code 还是 TypeScript 项目非常早期的用户,可以说是和 TypeScript 一起成长起来的。无论是 VS Code 还是 TypeScript 团队,都极其重视 VS Code 上的 JavaScript 使用体验,因为这是他们工作的很大一部分。基础语言支持接下来我们在这个文件夹下创建一个 JavaScript 文件index.js,内容如下:function foo() { bar("Hello World"); } function bar(str) { console.log(str); }JavaScript这段 JavaScript 代码中定义两个函数 foo 和 bar,其中 foo 函数内部调用了 bar 这个函数。根据我们之前学习的知识,我们可以使用下面这些命令:

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,markdownVSCode 支持Markdown,我们再来看看另一个 VS Code 支持的非常好的语言——Markdown。Markdown 在近些年已经成为了主流的文档书写语言,比如GitHub 上的项目 readme 默认就是 Markdown,微软在13年也把 MSDN 的文档从 XML 逐步地转为 Markdown 了。你在 VS Code 中书写 Markdown 的时候,VS Code 会提供语法高亮。VS Code 的定位是一个文本编辑器,而不是富文本编辑器,所以你并不能像一些 Markdown 编辑器一样,获得所见即所得的体验。但是 VS Code 提供了一个 Markdown 预览的效果。VSCode Markdown的支持 侧边预览当你在编辑器中打开一个 Markdown 文件后,你可以通过命令面板执行 “Markdown: 打开侧边预览”(Markdown:Open Preview to the Side)来打开预览窗口。

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,jsonVSCode 支持JSON,JSON 文件你肯定已经非常熟悉了,VS Code 的配置文件、任务系统、代码片段等都是使用的 JSON 语法。比如下面的这段调试配置:{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "启动程序", "program": "${workspaceFolder}/index.js", } ] }JSON

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,vscode快捷键VSCode 快捷键绑定,虽然一直都是介绍使用图形化的快捷键修改界面,但是 VS Code 快捷键修改,在最开始的时候,跟编辑器设置界面是一样的,也是基于文本编辑器的。你可以在快捷键界面的搜索框下,看到一行提示“高级自定义请打开和编辑器 keybindings.json”。你不妨点击这个链接,效果如下图:setting-13.png快捷键绑定文本界面如果你要搜索某个命令或者快捷键,可以在左侧编辑器唤出搜索框;而添加快捷键,则是使用右下角的 “定义按键绑定” 按钮。你是不是会觉得,虽然我们更好地理解了快捷键设置都是绑定在 keybindings.json 这个文件里的,格式也是 JSON,但是好像这个文本编辑器完全比不上图形化的界面啊?

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,vscode文本界面,vscode图形界面,vscode工作区VSCode 设置,VS Code 是以文件和文件夹为核心的,用户的设置、快捷键绑定等,也都是以文件的形式存储在用户的机器上。同时,VS Code 把这一切都开放给用户,也就是说你可以直接对这些文件进行修改。相信你已经尝试过了修改代码片段(Code Snippet)配置、修改快捷键绑定以及修改个人设置等操作。不过还有些操作我还没有做过介绍。设置的文本界面VS Code 的最新稳定版里,有两个不同的设置编辑器。下面,让我们先打开命令面板,搜索 “打开设置(JSON)”[Open Settings(JSON)],然后执行。此时,我们能看到并排的两个编辑器。

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,vscode编辑器VSCode 编辑器缩放,缩放功能也是我在日常工作中经常使用的。比如我自己配置的字体比较小,而当需要给其他同事展示代码的时候,就往往需要把字体调大以便于更好地展示,这时候我就会按下Cmd +/-(Windows 上是 Ctrl +/-)来缩放整个工作区。而如果我希望一键将缩放调整为默认设置,就可以执行命令 “重置缩放”(reset zoom)。

- 阅读剩余部分 -

Visual Studio Code,vscode,vscode教程,vscode使用教程,vscode入门教程,vscode高级教程,vscode核心教程,vscode怎么用,vscode使用,vscode配置,vscode设置,vscode编辑器,vscode专注模式,vscode编辑器专注模式VSCode 编辑器专注模式,我们在工作的时候,有时候希望更专注于代码编辑器,而不希望被 VS Code 的其他组件,比如视图或者面板所打扰。或者我们在比较小的屏幕上工作,比如说笔记本,有时候也有类似的需求,视图和面板等都太占屏幕面积了。对于这样的需求,VS Code 有几个非常实用的快捷键。首先,我们可以按下 Cmd + B (Windows 上是 Ctrl + B)打开或者关闭整个视图;也可以按下 Cmd + J (Windows 上是 Ctrl + J)来打开或者关闭面板。

- 阅读剩余部分 -