北京中科专注治疗白癜风 http://m.39.net/news/ylzx/bjzkhbzy/ 导语:这篇文章中,我们将为你介绍10款JavaScript开发者必备的SublimeText插件,每一个都可以改善你的工作流程,提升工作效率。现在就让我们开始吧。 我们为什么要选择它 SublimeText是一款几乎所有开发者都必备的非常强大的软件。它是跨平台的、高度可定制化的、非常先进的文本编辑器,完美的弥补了全功能的IDEs(出了名的消耗资源)与命令行编辑器如VIM、Emacs(有陡峭的学习曲线)的不足。 使得Sublime如此强大的原因之一是它的可扩展插件架构,这使得开发人员可以非常容易的扩展Sublime的核心功能,如代码补全、或远程接口文档的嵌入。SublimeText自身不带有插件管理功能,它们通常是通过一个第三方的称作PackageControl的工具来管理。给SublimeText安装PackageControl,请按照它们的网站上的安装指南。 这篇文章中,我们将为你介绍10款JavaScript开发者必备的SublimeText插件,每一个都可以改善你的工作流程,提升工作效率。现在就让我们开始吧。 1.Bable 列表第一个当然应该是Bable。它为你的ES6/和ReactJSX代码添加语法高亮功能。插件安装后的第一件事就是把它设置为.es6,.jsx甚至.js文件的默认语法。然而你需要注意的是最后一个如果你使用的是ES3/5的话,请不要使用Bable语法。 如果你还没有发现使用Bable的乐趣的话,我强烈建议你使用它。它可以把ES6/和JSX代码编译成ES5。它与所有流行的架构工具与CLI都整合的很好。它不支持旧版本的浏览器,如果你使用IE10以下的浏览器,请遵循它们的警告页面提示。 不幸的是,它不支持在Sublime中动态的编译ES6,如果你有这个需要的话,我建议你看看CompileSelectedES6。 2.JSHint JSHint是一个JavsScriptLinter。它可以检测代码的样式、语法以及是否是常见的相关错误。无论你是新手还是老手,JSHint都是必备的。查看JSHint关于页面获取更多信息。 为了使JSHint能够运行,你需要通过npm全局安装JSHint: npminstall-gjshint 一旦JSHintnpm模块和SublimeText插件安装完成,你就可以通过打开JavaScript文件并按Ctrl+J(Alt+J在Linux/Windows上)来调用JSHint。 3.jsFormat jsFormat是基于JSBeautifier的,可以自动的帮你格式化JavaScript和JSON。即使是你仅仅用它来格式化JSON也是值得的。对我来说最大的好处就是可以查看别的开发者代码或者是自己很久之前写的。 你可以通过Preferences-PackageSettings-JsFormat-Settings-User来设置你想要的代码格式。 4.DocBlockr 为你的代码添加注释通常是件非常痛苦的事情。我不知道多少人会享受这个过程,但它却是必须的。DocBlockr通过把注释变得简单来减少这个痛苦。安装完DocBlockr之后,你需要做的只是在新的一行输入/*或者/**,它会为你完成剩下的。 DocBlockr还支持很多其他语言:CoffeeScript,TypeScript,PHP,ActionScript,Haxe,Java,Apex,Groovy,ObjectiveC,C,C++,andRust。 5.SideBarEnhancements SublimeText自带的边栏文件操作选项非常的少。SideBarEnhancements弥补了此缺点。值得注意的是,它为文件和文件夹还提供了“movetotrash”、“openwith..”甚至还有剪切板选项。 6.AngularJS 它是由Angular-UI团队开发的,可能是列表中比较偏大(但是是必须的)插件,它的功能包括: AngularJS核心指令的代码补全功能 自定义指令的指令完成 directives,controllersandfilters的快速搜索 Angular相关的代码片段 GoToDocsforcoreAngularJSdirectives 7.TypeScript 由微软支持,该插件为TypeScript项目添加了代码补全、语法高亮、代码格式化以及扩展的导航功能。它还配备了一个构建系统,允许你把TypeScript编译到JavaScript。 可以用Tools-BuildSystem进入Bulid系统,然后打开一个.ts结尾的文件,然后选择Tools-Build或者直接按Ctrl+B,它会让你输入参数,直接就会在同一个目录输入JavaScript文件。唯一的条件是需要Node支持。 8.Handlebars 如果你使用Ember.js或者仅仅把Handlebars作为模版语言,这款插件都是必备的。如果没有它,你最好把语法高亮关闭。 除了语法高亮,它还提供了各种表达式的标签触发器。例如输入x-temp然后按TAB会生成: scripttype=text/x-handlebarsdata-template-name=/script 另外,如果输入ifel然后按TAB怎生成: {{#if}} {{else}} {{/if}} 非常的顺手,对吗? 该项目的主页上有所有的代码片段列表。 9.BetterCoffeeScript BetterCoffeeScript是原CoffeeScript-Sublime-Plugin的Fork,不幸的是原插件似乎已经被作者废弃,并且只支持SublimeText2。 该插件为使用CoffeeScript的开发者提供很多必要的代码高亮,并且不至于此。它给Sublime增加了一些命令,如检测语法的能力、编译文件、显示编译的JavaScript等。 你可以在该项目的主页细读它的各项设置与选项。 10.jQuery 用的,如果你不建立一个完全互动的网站,或者你只是想在一个现有的应用程序中添加功能。 例如输入.a然后选择.ajax就会生成下面的内容: .ajax({ url:/path/to/file, type:defaultGET(Othervalues:POST), dataType:default:IntelligentGuess(Othervalues:xml,json,script,orhtml), data:{param1:value1}, }) .done(function(){ console.log(success); }) .fail(function(){ console.log(error); }) .always(function(){ console.log(
|