Sublime Text大致是其余开辟者在其工具箱的须要应用程序。Sublime
Text是一款跨平台的,中度可定制的,高档的公文编辑器,既符合全职能的IDE(出了名的能源恐慌),又可相称命令行编辑器,比如Vim和Emacs(具有陡峭的就学曲线)。

JavaScript开垦者必备的11个Sublime Text插件,javascriptsublime

Sublime Text大致是别的开垦者在其工具箱的不可或缺应用程序。Sublime
Text是一款跨平台的,中度可定制的,高等的文本编辑器,既符合全职能的IDE(出了名的能源缺乏),又可相配命令行编辑器,举个例子Vim和Emacs(具备陡峭的就学曲线)。

Sublime
Text如此受接待的当中多少个缘由便是它的可扩展插件架构。那使得开辟职员能够轻松利用新功效,举个例子代码完毕,或远程API文书档案嵌入,来扩张Sublime的为主职能。Sublime
Text的插件而不是开箱即用的——常常供给经过三个叫Package
Control的第三方软件包管理器来安装。要在Sublime Text中装置Package
Control,请遵照其网址上的设置指南。

在那篇小说中,作者将介绍拾个JavaScript开拓人士必备的Sublime插件,每一个都得以帮衬您改正工作流程,让你更迅捷。下边,就让大家开首吧!

1.Babel

率先个当属Babel插件。该插件增添了方便的语法高亮到ES6 / 二〇一六和React
JSX代码。安装插件后,你要做的第一件事就是设置暗中同意的语法为.es6,.jsx,以及乃至.js文件。不过,假使您专门的工作于ES3
/5,而且不想接纳Babel退换您的代码的话,那么要慎用最后二个。

要是您还未曾开采Babel的童趣,那么笔者刚毅推荐它。它同意你编译ES6 /
二零一四和JSX代码到ES5。它可以很好地合一到具有流行的营造筑工程具和CLI。就算它不支持旧版浏览器,但万一你必要辅助IE10及以下版本,那么能够根据警告页面上的提醒去做。

惋惜的是,Babel插件不相同意在Sublime中飞速编译ES6代码。所以借使您非要这么做,那么自个儿提出您试试Compile
Selected ES6。

图片 1

2. JSHint

接下去是Sublime中的JSHint插件。JSHint是一个JavaScript
Linter,可用于查看你的代码并确认它有不易的样式,正确的语法,摆脱常见错误。无论你是贰个初学者,依旧一度编写制定了众多年的次第,JSHint都以二个必备品。查看JSHint相关页面以精晓更加多的音讯。

要让JSHint Sublime Text插件工作,你要求通过npm安装好全局性的JSHint:

npm install -g jshint

设若您不亮堂怎么样产生那点,那么请查看大家关于从Node
Package管理器初叶的学科。

若果设置好了JSHint npm模块和JSHint Sublime
Text插件,你就能够透过张开你的JavaScript文件并按下 Ctrl + J (或 Alt + JonLinux/Windows),来调用JSHint。只怕,你还是能由此上下文菜单访谈JSHint。

若果你早就安装了那个插件,但想要在发出错误的地方有二个更令人瞩指标告诫,那么请使用JSHint
Gutter。恐怕,假如你想在安装NPM包或该插件在此以前试用JSHint的话,JSHint.com也可以有一个很棒的在线互动工具,你能够使用这些工具粘贴你的代码查看即时报告。

图片 2

3. JsFormat

JsFormat基于JS
Beautifier,能够自行帮忙你格式化JavaScript和JSON。假如您只单独接纳它的JSON格式,也是足以的。但对本人的话,它的最大优势出现在当本人职业于其余开拓人士的代码,或笔者要辛亏以前到现在写的代码的时候。

如此那般的代码往往是麻烦阅读,可是遵照一种通用的代码格式样式是有救助的。纵然格式化可能不适合每一人,但确实能够透过引进三个一齐的布局来提携开拓人员读懂代码。Linter纵然关心到那或多或少,但不肯定周详成就,况兼不会自动修复格式。代码格式化节省了汪洋的时间,幸免了多量令人高烧的标题。

设置好了以往,要使用JSFormat,先走入JS文件,然后在Windows /
Linux上按Ctrl + Alt + f ,或在Mac上按 Ctrl + ⌥ + f
。当然也得以利用上下文菜单。

您恐怕会想:“借使自己不希罕它们设计JavaScript样式的法门吗?”

别顾虑! JsFormat不但基于JS
Beautifier设置,何况高度可安排。要调治适合于Sublime Text
3,请那样做:Preferences -> Package Settings -> JsFormat ->
Settings – Default

下一场依照自身的喜好编辑JSON设置。

图片 3

4. DocBlockr

将注释增添到你的代码中有的时候候是一件极其十分的疼苦的事务。即使很五个人都不欣赏干那件事,但又绝对是有要求的。
DocBlockr可经过营造轻易的注解来减轻部分缠绵悱恻。安装DocBlockr后,全部你必要做的是,用
/* 或 /**
开首一行代码,然后剩下的就都得以交到它了。若是你在函数方面以
/**初叶,那么它会基于JSDoc格式为你转移注释。有些东西即使你在此以前平素不曾用过,但假如用过未来,你会存疑本身从前是怎么活下来的,DocBlockr便是里面的二个例证。

DocBlockr帮衬广大任何的言语,富含:CoffeeScript,TypeScript、PHP、ActionScript、Haxe、Java、Apex、Groovy、Objective
C、C、C++以及Rust。

图片 4

5.SideBar Enhancements

Sublime
Text在侧面栏文件树中可用来拍卖公事的选项相当少。简单地说,SideBar
Enhancements可修复这么些标题。那款插件极度为文件和文书夹提供了贰个“move to
trash”的选项,二个“open
with..”选项,以及贰个剪贴板。它也能够让你在web浏览器中开采文件,复制文件内容作为data:uri
base64
(那在CSS中放到图像特别便利),并提供大批量的搜寻操作。别的,它能够很好地与SideBarGit集成,直接从侧栏提供Git命令。

乘胜JavaScript代码库规模的不断扩张,于是,找到一种浏览项目并拍卖项目文件的客观手腕等不如。由此,这些插件就成为了必需品。

图片 5

6. AngularJS

由Angular-UI团队费用,而且可能是那么些SublimeText插件中相当大(但也更有效)的软件包之一。它的最首要功效包罗:

  • 主题AngularJS指令(ng-model,ng-repeat等)的代码达成
  • 自定义指令的下令实现
  • 指令、调整器和过滤器的迅猛面板找出
  • Angular相关的代码片段
  • 核心Angular
    JS指令的GoToDocs

Angular是多少个巨型的库,AngularJS匪夷所思地有用。你能够在品种的主页上读书它的过多设置。

要运用那么些插件语法高亮的优势,那么你供给到View -> Syntax -> HTML
(Angular.js)中改动您的HTML文件的视图类型。

图片 6

7.TypeScript

TypeScript是JavaScript编写翻译为常见JavaScript的二个类型超集。那对于常见开拓者来说,恐怕不知晓它也没怎么大的关联,可是现年三月出去的小公告——Angular
2将修建在TypeScript上,意味着,尽管您办事于Angular的话,而且你企图以往使用Angular2的话,那么那一个插件是必备的。

基于微软的协理,那款插件加多了代码达成,准确的语法高亮,代码格式化和扩张导航效能到TypeScript项目。它还计划了二个创设系统,允许你编写翻译TypeScript文件为JavaScript。

要拜望营造系统能够这么做 Tools -> Build System,然后选取TypeScript
。接着用 .ts 结尾张开二个文件,采用Tools -> Build,或然干脆按 Ctrl +
B。你会被需要创设参数,之后插件就要长期以来目录中输出编写翻译好的JavaScript文件。独一须求注意的是,它需求Node。

从插件的角度说,它提供了“职业于TypeScript代码时加强版的Sublime
Text体验”。千真万确,从上述臃肿的IDE中,它做了一个令人改头换面的改观。

图片 7

8.Handlebars

万一您正在使用Ember.js,或只是将Handlebars作为模板语言一种选择,那么您不能够未有它。未有它的话,你还比不上干脆关掉全体的语法高亮。

而外语法高亮(在分别模板文件和本子标签的内联模板中都有那么些功用),它还提供了用来触发各个表情的选项卡。举个例子,键入
x-temp并按 TAB键会生出:

<script type="text/x-handlebars" data-template-name=""></script>

除此以外,键入 ifel 再按TAB键,你会得到:

{{#if }}

{{else}}

{{/if}}>

很方便,是吧?

在那几个项指标主页上还应该有一多种完整的代码片段。

图片 8

9.Better CoffeeScript

Better
CoffeeScript是本来CoffeeScript-Sublime-Plugin的一个分层——但是,不幸的是,CoffeeScript-Sublime-Plugin就如已被其成立者放任,只能专业于SublimeText
2。

此款插件不唯有为那个工作于CoffeeScript的人提供了至极须求的语法高亮功用,而且还应该有别的过多作用。它增添了一群命令到Sublime(可因此命令面板或各样火速键访问),比方运营语法检查,编写翻译文件,以及体现编译好的JavaScript。它还配置了有的和行事于cake
(Make对于CoffeeScript的简化版本)的塑造系统。

您能够在此项指标主页上精心阅读插件的好些个安装和甄选。

图片 9

  1. jQuery

本身精晓今后的jQuery在许多地方看似都将会失宠,但它依然十三分有用,假使您不筹划创设二个全然互动的网址,或许你只是想增多效果到现存的应用程序的话。

以此插件提供了额外的语法高亮和大概全数jQuery方法的局地。通过输入方法名称并精选适用的相配就足以访谈那一个有个别——正是这么轻易!笔者特地欣赏那个职能,因为它节省了自作者多数原先要用于回忆方法特征以及查询jQuery
API文书档案的时日。

比方,键入 $.a 会出去一个让自家选用 $.ajax()的选项,而
$.ajax()能够扩张到:

$.ajax({
 url: '/path/to/file',
 type: 'default GET (Other values: POST)',
 dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
 data: {param1: 'value1'},
})
.done(function() {
 console.log("success");
})
.fail(function() {
 console.log("error");
})
.always(function() {
 console.log("complete");
});

真是太棒了!

结论

那10款在JavaScript开荒中不可缺少的Sublime插件,讲到这里就甘休了。我只用过它们中的一八个,因而应接大家议论你们在用过现在的感受感受。当然,如若遗漏了您最垂怜的插件的话,也请在评价中让自个儿理解,作者会思量将它增多到列表中。

末尾一点,请牢记,Sublime
Text不是无需付费软件。但它有极端的试用版(就算会有各类烦人的画面现身),而单个用户的许可费用是$
70。假如你一仲夏的超越四分之一虚岁月都要采用文本编辑器,那么那将会是一笔物美价廉的投资!

JavaScript 开垦者必备的10款 SublimeText 插件

 

图片 10

Sublime
Text 是一款大概具备开荒者都少不了的那么些庞大的软件。它是跨平台的、高度可定制化的、特别先进的公文编辑器,完美的弥补了专职能的 IDE出了名的成本财富)与命令行编辑器如VIM、Emacs有陡峭的就学曲线)的贫乏。

使得 Sublime
如此有力的来头之一是它的可扩展插件架构,那使得开垦人士能够极度轻易的扩徐熙媛(Barbie Hsu)女士ublime 的中坚功效,如代码补全、或远程接口文书档案的放到。Sublime Text
本身不分包插件管理效果,它们经常是通过二个誉为 Package
Control的第三方工具来处理。给 Sublime Text 安装 Package Control
,请依据它们的网站上的设置指南。

那篇小说中,大家将为您介绍10款 JavaScript 开采者必备的 Sublime Text
插件,每三个都得以立异您的干活流程,提高工效。未来就让我们开端吧。

1. Bable

图片 11

列表第八个自然应该是 贝布le。它为您的 ES6/二〇一五 和 React JSX
代码加多语法高亮功用。插件安装后的首先件事就是把它设置为 .es6.jsx 甚至 .js 文件的私下认可语法。但是你要求小心的是终极一个倘若您使用的是 ES3/5
的话,请不要选择 Bable 语法。

如若您还未曾发觉采纳 Bable
的童趣的话,我刚强提出你利用它。它能够把 ES6/2014 和 JSX 代码编写翻译成
ES5。它与具有流行的框架结构工具与CLI
都构成的很好。它不接济旧版本的浏览器,倘使你选拔 IE10
以下的浏览器,请依据它们的警示页面提示。

噩运的是,它不帮衬在 Sublime 中动态的编译ES6,如若你有那一个要求的话,笔者提出您看看  Compile Selected ES6。

2. JSHint

图片 12

JSHint 是二个 JavsScript
Linter。它能够检查评定代码的体制、语法以及是不是是常见的有关错误。无论你是新手或许老鸟,JSHint
都以必需的。查看 JSHint 关于页面得到越来越多新闻。

为了使 JSHint 可以运维,你须求通过 npm 全局安装 JSHint:

npm install -g jshint

尽管 JSHint npm 模块和 Sublime Text 插件安装达成,你就能够通过张开JavaScript 文件并按 Ctrl+J Alt+J 在Linux/Windows上)来调用 JSHint。

3. jsFormat

图片 13

jsFormat 是依据 JS Beautifier 的,能够活动的帮你格式化 JavaScript 和
JSON。纵然是您一味用它来格式化JSON也是值得的。对本身的话最大的平价正是能够查看其他开垦者代码或许是温馨相当久在此以前写的。

您能够经过 Preferences -> Package Settings -> JsFormat -> Settings - User 来设置你想要的代码格式。

4. DocBlockr

图片 14

为您的代码增添注释常常是件相当的难受的事务。笔者不清楚几人会享用这一个历程,但它却是必须的。DocBlockr
通过把注释变得简单来压缩那个痛楚。安装完 DocBlockr
之后,你要求做的只是在新的一行输入 /* 或者 /** ,它会为您完了剩余的。

DocBlockr 还帮助广大别的语言:CoffeeScript, TypeScript, PHP,
ActionScript, Haxe, Java, Apex, Groovy, Objective C, C, C++, and Rust。

5. Side​Bar​ Enhancements

图片 15

Sublime Text 自带的边栏文件操作选项相当少。SideBarEnhancements
弥补了此劣势。值得注意的是,它为文件和文件夹还提供了“move to
trash”、“open with..”以致还大概有剪切板选项。

6. AngularJS

图片 16

它是有 Angular-UI
团队开采的,恐怕是列表中相比较偏大可是是必须的)插件,它的法力满含:

  • AngularJS 大旨指令的代码补全功用

  • 自定义指令的一声令下完结

  • directives, controllers and filters的神速寻找

  • Angular相关的代码片段

  • GoToDocs for core AngularJS directives

7. TypeScript

图片 17

由微软扶助,该插件为 TypeScript
项目加多了代码补全、语法高亮、代码格式化以及扩充的领航效能。它还配备了二个营造系统,允许你把
TypeScript 编写翻译到 JavaScript。

可以用 Tools -> Build System 步入Bulid系统,然后张开三个 .ts 结尾的文书,然后选用 Tools -> Build 或然间接按 Ctrl+B ,它会让您输入参数,直接就能够在同贰个索引输入JavaScript文件。独一的规格是内需
Node 协助。

8. Handlebars

图片 18

假诺您选用 Ember.js
大概仅仅把 Handlebars 作为模版语言,那款插件都是少不了的。若无它,你最棒把语法高亮关闭。

除了语法高亮,它还提供了种种表明式的竹签触发器。举例输入 x-temp 然后按 TAB会生成:

<script type="text/x-handlebars" data-template-name=""></script>

别的,假设输入 ifel 然后按 TAB 怎生成:

{{#if }}    {{else}}    {{/if}}>

老大的随手,对啊?

该类型的主页上有全体的代码片段列表。

9. Better CoffeeScript

图片 19

Better CoffeeScript 是原 CoffeeScript-Sublime-Plugin 的
Fork,不幸的是原插件就像是早已被小编屏弃,何况只帮衬Sublime Text 2。

该插件为运用 CoffeeScript
的开辟者提供数不胜数要求的代码高亮,并且不至于此。它给 Sublime
增添了部分下令,如检查测量试验语法的力量、编写翻译文件、展现编写翻译的JavaScript等。

您能够在该类型的主页细读它的各式设置与选用。

10. jQuery

自己精通今后jQuery在无尽地点都失宠了,但它还是是特别实惠的,假使您不树立一个截然互动的网址,可能你只是想在二个存活的应用程序中加多效果。

举例说输入 $.a 然后选取 $.ajax 就能够变卦上边的从头到尾的经过:

$.ajax({  url: '/path/to/file',  type: 'default GET (Other values: POST)',  dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',  data: {param1: 'value1'},}).done(function() {  console.log("success");}).fail(function() {  console.log("error");}).always(function() {  console.log("complete");});

非常棒~

总结

那便是为您企图的JavaScript 开垦者必备的10款 Sublime Text
插件。作者刚强建议你尝试个中的一七个,然后在研商中告诉我使用体验。大概说小编尚未列出某些你最欣赏的,也请在人言啧啧中提交,作者能够设想把它加多到列表中。

最终,请记住 Sublime Text
并非免费的,它只是提供了多少个Infiniti时的试用版。单个许可证的价钱是 $70
。假诺你每一天都在动用文本编辑器的话,这将是二个值得的投资。

来源:Coder资源网    原文:
作者: Sublime Text
译文:
译者: Specs  


图片 20


开拓者必备的10款 SublimeText 插件
Sublime
Text是一款大概具备开采者都少不了的不胜庞大的软件。它是跨平台的、高度可定制化的、特别…

用作三个秒开的编辑器,用了就不想换呀,插件库也很庞大,稍作配置就足以用了

Sublime
Text如此受应接的中间一个原因正是它的可扩充插件架构。这使得开荒职员能够轻易利用新效能,比如代码完结,或远程API文书档案嵌入,来扩充Sublime的中坚作用。Sublime
Text的插件而不是开箱即用的——平时须求通过二个叫Package
Control的第三方软件包管理器来设置。要在Sublime Text中安装Package
Control,请遵照其网址上的装置指南。

你也许感兴趣的小说:

  • Web Inspector:关于在 Sublime Text 中调试Js的介绍
  • SublimeText 2编写翻译python出错的消除方法(The system cannot find the
    file specified)
  • SublimeText编写翻译C开荒条件设置
  • win7 下搭建sublime的python开采遭逢的陈设方式
  • Nodejs sublime text 3安装与陈设
  • 教你怎么将 Sublime 3 营形成 Python/Django IDE开拓利器
  • Windows系统下利用Sublime搭建nodejs情况

Text插件,javascriptsublime Sublime
Text大致是任何开荒者在其工具箱的画龙点睛应用程序。Sublime
Text是一款跨平台的,…

本体

Sublime无需付费的,只是偶然弹窗一下,所以别折腾什么破解版了
官方网址地址,依据你的系统挑选下载

在那篇小说中,作者将介绍12个JavaScript开荒人士必备的Sublime插件,每几个都得以帮忙您革新专门的学业流程,让你更神速。下边,就让大家伊始吧!

Package Control

安装插件在此之前要先装下Package Control

1.Babel

电动安装

使用Ctrl+`快速键只怕通过View->Show
Console菜单展开终端,粘贴如下代码:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

设若终端安装报错的话,就改用手动安装

先是个当属Babel插件。该插件增添了适合的语法高亮到ES6 / 二〇一四和React
JSX代码。安装插件后,你要做的首先件事正是安装暗中同意的语法为.es6,.jsx,以及以致.js文件。可是,假如您职业于ES3
/5,况且不想使用Babel改变您的代码的话,那么要慎用末了叁个。

手动安装

  1. 点击Preferences > Browse Packages菜单
  2. 跻身展开的目录的上层目录,然后再进来Installed Packages/目录
  3. 下载Package
    Control.sublime-package并复制到Installed Packages/目录
  4. 重启Sublime Text

假使您还尚无开掘贝布el的童趣,那么本人刚烈推荐它。它同意你编写翻译ES6 /
二〇一五和JSX代码到ES5。它能够很好地融合为一到具有流行的构建筑工程具和CLI。虽然它不扶助旧版浏览器,但只要你需求协助IE10及以下版本,那么能够遵照警告页面上的晋升去做。

插件安装

惋惜的是,Babel插件差别目的在于Sublime中神速编写翻译ES6代码。所以只要您非要这么做,那么本身提议你尝试Compile
Selected ES6。

Babel

支撑ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也许有很好的扩大

图片 21

安装

PC:Ctrl+shift+p
Mac:Cmd+shift+p
输入:pci,选择Package Control:install package
加载出插件列表后,输入babel实行安装

2. JSHint

配置

  1. 张开.js, .jsx 后缀的文本;
  2. 找到菜单栏的view -> Syntax -> Open all with current extension
    as… -> 贝布el -> JavaScript (Babel),采取babel为暗中同意 javascript
    展开syntax

接下去是Sublime中的JSHint插件。JSHint是一个JavaScript
Linter,可用于查看你的代码并确认它有不利的款式,准确的语法,摆脱常见错误。无论你是四个初我们,依然已经编制了累累年的次第,JSHint都以一个必备品。查看JSHint相关页面以询问越来越多的音信。

React ES6 Snippets

为react语法提醒,sublime-react-es6支撑es6语法,
另二个近乎的插件ReactJS貌似是ES5的,敲出来的代码块方法皆有function

要让JSHint Sublime Text插件专业,你须求通过npm安装好全局性的JSHint:

安装

PC:Ctrl+shift+p
Mac:Cmd+shift+p
输入:pci,选择Package Control:install package
加载出插件列表后,输入React ES6 Snippets开始展览设置

npm install -g jshint

帮助的代码片段

cdm→  componentDidMount: fn() { ... } 
cdup→  componentDidUpdate: fn(pp, ps) { ... } 
cs→  var cx = React.addons.classSet; 
cwm→  componentWillMount: fn() { ... } 
cwr→  componentWillReceiveProps: fn(np) { ... } 
cwu→  componentWillUpdate: fn(np, ns) { ... } 
cwun→  componentWillUnmount: fn() { ... } 
cx→  cx({ ... }) 
fdn→  React.findDOMNode(...) 
fup→  forceUpdate(...) 
gdp→  getDefaultProps: fn() { return {...} } 
gis→  getInitialState: fn() { return {...} } 
ism→  isMounted() 
props→  this.props. 
pt→  propTypes { ... } 
rcc→  component skeleton 
refs→  this.refs. 
ren→  render: fn() { return ... } 
scu→  shouldComponentUpdate: fn(np, ns) { ... } 
sst→  this.setState({ ... }) 
state→  this.state. 

如果您不了然如何产生那一点,那么请查看大家关于从Node
Package管理器起头的教程。

jsfmt

格式化JS代码,jsformat也帮衬jsx格式化,可是在import的地点老是换行挺烦

万一设置好了JSHint npm模块和JSHint Sublime
Text插件,你就可以通过张开你的JavaScript文件并按下 Ctrl + J (或 Alt + JonLinux/Windows),来调用JSHint。大概,你还是能够透过上下文菜单访谈JSHint。

安装

PC:Ctrl+shift+p
Mac:Cmd+shift+p
输入:pci,选择Package Control:install package
加载出插件列表后,输入jsfmt拓展安装

就算你已经安装了这一个插件,但想要在产生错误的地点有叁个更明了的告诫,那么请使用JSHint
Gutter。或然,如若您想在设置NPM包或该插件在此之前试用JSHint的话,JSHint.com也可以有五个很棒的在线互动工具,你能够行使这一个工具粘贴你的代码查看即时报告。

配置

  • 增多jsx的相关配置

cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/jsfmt/
npm i esformatter@latest esformatter-jsx@latest
  • Preferences -> Package Settings -> Sublime
    JSFMT,加上代码:

{
  // autoformat on save
  "autoformat": true,

  // array of extensions for autoformat
  "extensions": [
    "js",
    "jsx",
    "sublime-settings"
  ],

  // options for jsfmt
  "options": {
    "preset": "jquery",
    "indent": {
      "value": "    "
    },
    // plugins included
    "plugins": [
      "esformatter-jsx",
    ]
  },

  "jsx": {
    "formatJSX": true,
    // change these to your preferred values
    // refer to https://github.com/royriojas/esformatter-jsx#best-configuration for more options
    "attrsOnSameLineAsTag": false,
    "maxAttrsOnTag": 1,
    "firstAttributeOnSameLine": false,
    "alignWithFirstAttribute": true
  },
  // other esformatter options
  "options-JSON": {
    "plugins": [
      "esformatter-quotes"
    ],
    "quotes": {
      "type": "double"
    }
  },
  "alert-errors": true,
  // path to nodejs
  "node-path": "node",
  // if true it will format the whole file even if you have a selection active
  "ignore-selection": false
}

图片 22

快捷键

打开 Preferences -> Key Bindings – User,增添代码:
{"keys":["ctrl+q"],"command":"format_javascript"}

3. JsFormat

SublimeLinter-ESLint

ESLint 由 JavaScript 红宝书 作者 Nicolas C. 扎卡s 编写, 二零一三年发表第三个本子。 NCZ 的初衷不是再一次造多个车轮,而是在实际须求得不到
JSHint 团队响应
的气象下做出的选拔:以可扩展、每条准则独立、不放权编码风格为意见编写一个lint 工具

admin

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注