VS Code 1.38 发布,官方图标存储库发布

微软发布 VS Code 1.38,该版本的一些关键亮点包括:

英文:Martin Heller  译文:葡萄城控件

学习过程中遇到什么问题或者想获取学习资源的话,欢迎加入学习交流群343599877,我们一起学前端!

  • Preserve case for global search and
    replace
     –
    进行全局替换字符串时保留大小写
  • Settings editor string array
    validation
     –
    在配置编辑器中进行字符串数组的验证:最小值,最大值,enum 以及 glob
  • Adjust cursor surrounding
    lines
     –
    设置在滚动时光标选中的行数
  • Copy and revert in the diff
    editor
     –
    在 diff editor 中方便地复制或者恢复被删除的内容
  • Go to Line supports negative line
    numbers
     –
    快速跳转到文件末尾
  • MDN Reference link for HTML and
    CSS
     –
    在 IntelliSense 中显示 MDN 文档
  • Add missing await Quick
    Fix
     –
    在异步代码中,快速修复缺失的 await 代码
  • Debugging data
    breakpoints
     –
    当跟踪的变量变化时,中断调试器
  • VS Code icon
    repository
     –
    官方图标库发布
  • Alpine Linux distro
    support
     –
    远程开发支持 Alpine Linux

对于JavaScript程序员来说,目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持JavaScript,HTML5和CSS开发,并且可以使用Markdown进行文档编写的文本编辑器。为什么使用编辑器而不是IDE进行JavaScript编程?原因就是速度快。

替换字符串时保留大小写

在 1.37
版本中,支持了替换字符串时保留大小写。此版本中,在进行全局替换字符串时,大小写也会保留,同时现在也支持保留连字号分隔的单词。

澳门新葡亰游戏网址 1

编辑器和IDE之间的本质区别在于:IDE不但可以调试,并且可以对代码进行概要分析,IDE还支持应用程序的生命周期管理(ALM)系统。我们在这里讨论的许多编辑器至少支持一个版本控制系统,通常是Git,现在IDE和编辑器之间的区别也越来越小。

光标行数设置 (scrollOff)

此版本中可以通过 editor.cursorSurroundingLines
来设置在滚动时,光标所选中的行数。这就是 Vim 编辑器的 scrollOff 功能。

澳门新葡亰游戏网址 2

在这10个JavaScript编辑器中,Sublime Text和Visual Studio
Code是其中排名靠前的两个。Sublime
Text以其速度和方便的编辑功能多样性出名,Visual Studio
Code的功能和速度与Sublime
Text几乎一致。TextMate排名第三,虽然TextMate在两年前排名第一,但其功能并没有真正跟上发展。

多行搜索

通过 Ctrl+Enter,你可以在搜索框里换行,然后进行多行搜索。

澳门新葡亰游戏网址 3

你很可能在Sublime Text,Visual Studio
Code和Brackets中找到自己喜欢的JavaScript编辑器,但是还有其它的编辑器工具Atom,BBEdit,Komodo
Edit,Notepad
++,Emacs和Vim等值得了解。你可以根据现在的项目,选择其中最为方便使用的编辑工具。

在 diff editor 中复制或恢复

澳门新葡亰游戏网址 4

下面我们来了解所有的编辑器,文末会对它们进行对比。

HTML 和 CSS 的 MDN 参考文档

在编写或者悬停在 HTML/CSS 时,会有一个指向 MDN 文档的链接。

澳门新葡亰游戏网址 5

Sublime Text

澳门新葡亰游戏网址 6

如果你想要一个灵活、强大、可扩展的文本编辑器,它能够如闪电般快速运行,并且支持切换到其它窗口进行代码检查、调试和部署,那么可以考虑使用Sublime
Text。

除了速度较快以外,Sublime
Text还有许多值得注意的优势,它涵盖了70多种文件类型,其中包括JavaScript、HTML和CSS; 即时导航和即时项目切换; 多选项(一次进行一系列更改),包括列选择(一次选择文件的一个矩形区域); 多窗口(使用你的所有显示器窗口)和拆分窗口; 使用简单的JSON文件进行完整的自定义; 基于Python的插件API; 一个统一的、可搜索的命令板。

对于使用其它编辑器的程序员来说,Sublime
Text支持TextMate包(不包括命令)和Vi / Vim仿真。

Sublime
Text是一个高度可配置和可扩展的文本编辑器。它包含超过50种语法,其中包括JavaScript,它可以使用Sublime软件包和TextMate语法定义进行扩展。可以能够通过少量按键来安装Babel(React)和TypeScript(Angular)的语法和支持。

Sublime
Text支持多个窗口、拆分窗口,每个项目可以有多个工作区、多个视图以及包含视图的多个窗格。当想要整合、调试和测试空间时,使用所有的屏幕空间会变得相当简单的。Sublime
Text还支持所有内容的自定义:颜色,文本字体,全局键绑定,制表符停止,特定文件的键绑定和代码段,甚至语法突出显示规则等。Sublime
Text的编码文件默认为JSON文件,语言定义默认是XML。

Sublime Text有一个活跃的用于创建和维护Sublime
Text包和插件的社区。Sublime
Text缺少的许多功能,包括JSLint和JSHint接口,JsFormat,JsMinify,PrettyJSON和Git支持
,都可以通过社区使用Package Installer来实现。

官网链接:

澳门新葡亰游戏网址,下载地址:
**

Visual Studio Code

澳门新葡亰游戏网址 7

Visual Studio
Code是一个的免费的轻量级编辑器和IDE,它是Microsoft发布的。它具有Visual
Studio组件,能与开源的Atom Electron
shell混合使用。它对于使用C#进行ASP.Net
Core的开发,提供了极好的支持;同时它也通过TypeScript和JavaScript为Node.js的开发,提供了极好的支持。不同于Visual
Studio仅在Windows上支持的惯例,Visual Studio
Code也能在MacOS和Linux上运行。

由于包含了TypeScript编译器和Salsa引擎,Visual Studio
Code具有非常好的JavaScript代码完成功能。Visual Studio
Code会将JavaScript代码发送到后台的TypeScript编译器来推断类型并构建符号表。你可以在屏幕图像底部的框中看到hasOwnProperty方法的信息。

相同的符号表使得IntelliSense能够在整个表达式的输入过程中,为你提供出色的弹出式选项列表。你可以获得以下功能:填入后自动关闭、自动填写完成选项、键入后的自动方法列表和方法中的自动参数列表。你可以通过从DefinitelyTyped添加对d.ts文件的引用,来增强IntelliSense。当你识别常见问题(例如使用Node.js内置变量中的__dirname)时,Visual
Studio Code将为你提供这些功能。

Visual Studio
Code是一个免费的轻量级编辑器和IDE,用于Node.js和ASP.Net 开发。它结合了Microsoft技术,例如TypeScript编译器、Roslyn
.Net编译器和Atom使用的Electron shell。Visual Studio
Code适用于Windows,MacOS和Linux平台。

Visual Studio Code的Git支持非常好,使用起来很简单。Visual Studio
Code调试器为Node.js和ASP.Net开发提供了出色的调试体验。Visual Studio
Code具有非常好的HTML,CSS,Less,Sass和JSON工具,这个工具是基于与Internet
Explorer F12开发人员工具相同的技术。此外,Visual Studio
Code可以与外部任务运行程序(如gulp和jake)进行可定制的集成。

Visual Studio
Code有着强大的插件生态系统,例如支持Angular和React。推荐可以在使用JavaScript和TypeScript框架和库构建应用程序时使用Visual
Studio Code。

官网链接:

下载地址:

Data Breakpoints

可以针对一个变量添加断点。当跟踪的变量变化时,中断调试器。

澳门新葡亰游戏网址 8

Brackets

澳门新葡亰游戏网址 9

Brackets是一个免费的开源编辑器,最初来自于Adobe,旨在为JavaScript,HTML和CSS提供更好的工具以及相关的开放式Web技术。Brackets本身是用JavaScript,HTML和CSS编写的。除了内置功能外,Brackets还有一个扩展管理器,用于扩展前端开发人员使用的许多语言和工具。Brackets不像Sublime
Text和TextMate那样运行的很快,但除了从网络加载或更新程序内容的暂停之外,它仍然运行的非常快。

Brackets不仅对JavaScript,CSS,HTML和Node.js有着很好的支持,它还具有一些其它很棒的功能,例如与HTML
ID相关的CSS在线编辑。此外,Brackets有着一个简洁的UI界面和编辑时网页的实时预览。对于免费的代码编辑器来说,Brackets是一个很好的选择。

Brackets扩展也是用JavaScript编写的,还可以调用Node.js模块。与大多数在选项卡中显示打开文件的编辑器不同的是,Brackets具有显示在文件树上方的工作文件列表。

Brackets的JavaScript自动完成功能非常好,自动填写各类括号的结束括号,以及jQuery方法中键入$之后的关键字、变量和方法的自动下拉菜单。Brackets可以控制Node.js的调试器,并从菜单项中重新启动Node。Brackets可以很方便的添加附加功能的扩展(例如TypeScript和JSX支持,Bower集成和Git集成)。

快速编辑、快速保存文档、快速打开文件和实时预览均有助于简化Web应用程序编辑,让你专注于编码或设计。Brackets也有一些缺点,例如一些Brackets扩展很难配置,不像Emacs软件包或Vim插件那样容易。

官网链接:

下载地址:

网站地图xml地图