2个最好的JavaScript编辑器 必须要知道
JavaScript程序员有许多很好的工具可供选择,几乎太多了。在这篇文章中,介绍2个最好用的文本编辑器,也是顶级的。并且很好地支持使用JavaScript,HTML5和CSS进行开发,并用Markdown进行文档编制。为什么使用编辑器进行JavaScript编程而不是IDE?一句话:速度。
编辑器和IDE之间的本质区别在于,IDE可以调试,有时可以对代码进行概要分析,IDE还支持应用程序生命周期管理(ALM)系统。我们在这里讨论的许多编辑器至少支持一个版本控制系统,通常是Git,因此IDE和编辑器之间的标准比以前更少。
如果您想要一个灵活,功能强大,可扩展的编程文本编辑器,闪电一样的速度,并且不介意切换到其他窗口进行代码检查,调试和部署,那么非Sublime Text莫属。
除了速度,Sublime Text的许多值得注意的优势涵盖了70多种文件类型,其中包括JavaScript,HTML和CSS; 即时导航和即时项目切换; 多个选择(一次进行一系列更改),包括列选择(选择文件的矩形区域); 多个窗口(使用您的所有显示器)和拆分窗口; 完整的自定义与简单的JSON文件; 一个基于Python的插件API; 和一个统一的,可搜索的命令调色板。
对于来自其他编辑的程序员,Sublime Text支持TextMate包(不包括命令)和Vi / Vim仿真。非官方的Sublime Text文档对Emacs用户(例如,moi)进行了贬低(和不正确的)评论,但我会忽略它们。
Sublime Text
Sublime Text是一个高度可配置和可扩展的文本编辑器,用于代码,标记等。有超过50种语法,包括JavaScript,并可以使用Sublime软件包和TextMate语法定义进行扩展。我能够通过一些按键来安装Babel(React)和TypeScript(Angular)的语法和支持。
费用:无限免费试用,每个用户70美元的商业或个人许可证。平台:Windows,MacOS和Linux。
Visual Studio Code
Visual Studio Code是一个免费的轻量级编辑器和来自Microsoft的IDE。它具有Visual Studio的组件,与开源的Atom Electron shell混合,为使用C#的ASP.Net Core开发提供了极好的支持,并通过TypeScript和JavaScript为Node.js开发提供了极好的支持。利用Microsoft在Windows上仅支持Visual Studio的历史模式,Visual Studio Code也在MacOS和Linux上运行。下面的截图是在MacOS上的截图。
由于包含了TypeScript编译器和Salsa引擎,Visual Studio Code具有非常好的JavaScript代码完成功能。Visual Studio Code将您的JavaScript代码发送到后台的TypeScript编译器,以推断类型并构建符号表。您可以在显示该hasOwnProperty 方法信息的屏幕图像底部附近的框中看到结果 。
相同的符号表使IntelliSense能够在整个表达式的输入过程中为您提供出色的弹出式选项列表。您可以自动进行关闭,自动单词完成选项,键入后的自动方法列表.以及方法中的自动参数列表。您可以通过从DefinitelyTyped添加对d.ts文件的引用来增强IntelliSense,当 Visual Studio Code识别常见问题(例如使用__dirnameNode.js内置变量)时,Visual Studio Code将为您提供此功能。
Visual Studio Code
Visual Studio Code是一个免费的轻量级编辑器,用于Node.js和ASP.Net的IDE,它将Microsoft技术(如TypeScript编译器和Roslyn .Net编译器)与Atom所使用的电子外壳相结合。Visual Studio代码适用于Windows,MacOS和Linux。
费用:免费开源。平台:Windows,MacOS和Linux。
评论:无论您是专注于客户端JavaScript还是Node.js。如果您正在寻找一个功能强大的编程JavaScript编程文本编辑器和许多其他语言,那么Sublime Text可能最适合你了。如果你想要一个免费的,快速的JavaScript编辑器,兼容IDE,并且与ASP.Net和C#做得很好,你可以考虑用Visual Studio Code 。
原文出处:http://net.zol.com.cn/640/6402458.html
2个最好的JavaScript编辑器 必须要知道的更多相关文章
- 20款最优秀的JavaScript编辑器
毫无疑问SublimeText,Notepad++,webstorm等,是市面上最主导的编辑器,但当然也有一些更多的JavaScript编辑器提供众多的特性和功能,方便和轻松自由的编码.本文整理了20 ...
- MiniCodeEditor:只有168字节的在线Html/CSS/JavaScript编辑器
博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:MiniCodeEditor:只有168字节的在线Html/CSS/JavaScript编辑器.
- javascript编辑器预览模式解密
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Top 10 JavaScript编辑器,你在用哪个?
对于JavaScript程序员来说,目前有很多很棒的工具可供选择.文本将会讨论10个优秀的支持JavaScript,HTML5和CSS开发,并且可以使用Markdown进行文档编写的文本编辑器.为什么 ...
- 牛x的JavaScript编辑器你知道几个
英文:Martin Heller 译文:葡萄城控件 学习过程中遇到什么问题或者想获取学习资源的话,欢迎加入学习交流群343599877,我们一起学前端! 对于JavaScript程序员来说,目前有很 ...
- 使用 Sublime Text 做 Javascript 编辑器 - 集成 JSHint 问题检测工具
JSHint(jshint.com)是 Javascritp 代码质量工具,可以帮助开发人员发现 Javascript 代码中的错误和潜在的问题.jshint.com 是一个在线编辑器,我们可以为 S ...
- 使用 Sublime Text 做 Javascript 编辑器 - 集成 SublimeCodeIntel 实现代码智能提示及自动完成
Sublime Text 是一个强大并具有很强扩展性的 IDE,可通过为其安装 SublimeCodeIntel 插件实现代码智能提示和自动完成功能. 目前该插件支持以下语言: JavaScript, ...
- 超强JavaScript编辑器WebStorm代码提示迟缓问题及其它想到的
去D2后发现 Hedger 的js编辑器是webStorm,便下载来试试,结果发现: 虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document),但是做为 Int ...
- 代码提示—ArcGIS API forJavaScript for JavaScript 编辑器代码提示(支持3.x和4.x)
我一般用WebStorm来arcgis api for js的代码,因为api中的内容太多,每次写代码都要去官方API网站查询,很不方便,所以决定配置一个代码补全,方便写接口. 通过ArcGIS AP ...
随机推荐
- mysql 5.7.19安装
从mysql官网下载的mysql5.7.19免安装版, 安装时出现问题,mysql总是启动不起来,在网上查了下资料,做个记录: .将mysql解压到指定的文件夹 .以管理员身份运行cmd .定位到my ...
- python之字符串类型的格式化
python之字符串类型的格式化 要点:python字符串通过format()方法进行格式化处理.(Python语言同时支持两种字符串格式化方法,一种类似C语言中printf()函数的格式化方法,支持 ...
- ES6中map数据结构学习
在项目中遇到一个很恶心的需求,然后发现ES6中的map可以解决,所以简单学习了一下map. Javascript的Object本身就是键值对的数据结构,但实际上属性和值构成的是“字符串-值”对,属性只 ...
- 许愿墙JQ
<!doctype html> <html> <head> <meta charset="utf-8"> <t ...
- 如何部署自定义的servlet
1 首先找到与exlipse绑定的tomcat安装位置 2 打开web.xml添加如下信息: <display-name>servletDemo</display-name> ...
- MUI 支付案例(支付宝/微信)
首先说明一下,本文借鉴了多位博主的文章,所以会看到很多一样的代码. 写这篇博客主要目的是为了便于后期查看(不好之处,敬请留言吐槽),案例经本人测试,是可以使用的. 先上效果图 前端HTML代码: &l ...
- Java后端开发常用工具
Java后端开发常用工具推荐: 俗话说,工欲善其事,必先利其器.不过初学时候不大建议过度依赖IDE等过多工具,这会让自己的编程基础功变得很差,比如各种语法的不熟悉,各种关键字比如synchronize ...
- Linux内核的arch目录
- (十五)连接网络adb,android模拟器打开
第一步:Android开发板连接usb和网线 adb shell setprop service.adb.tcp.port 5555 adb shell stop adbdadb shell star ...
- (十四)Android NDK混淆
1.ollvm下载编译 我的是macbook环境. 参考obfuscator官网:https://github.com/obfuscator-llvm/obfuscator/wiki 执行下面的命令下 ...