首页 > PHP资讯 > Python培训 > 前端工程师的神器Sublime Text运用介绍

前端工程师的神器Sublime Text运用介绍

Python培训
  Sublime Text算是前端开发中最常运用的文本修正器之一,关于前端工程师来说了解手中的修正器就像了解筷子相同重要。Sublime Text的入门文章网上现已太多了,这篇文章只重视能前进前端工程师作业功率的窍门和插件。

  语法高亮

  一晃现已挨近2015年,曩昔数年里前端开发的展开一日千里:阅览器里充满着新添加的CSS特性(以及这些特性的N种完结),JavaScript也不像正本那样只用作给单一页面加点特效或许提交Ajax恳求这么简略,咱们手边有了Jade,Sass,TypeScript等等一打乃至更多种能生成HTML,CSS,JavaScript的言语,默许装置的Sublime Text现已彻底无法供给这些新的言语、新的特性所需求的语法高亮和智能感知。这一节介绍了一些Package来辅佐Sublime Text完结十分好地语法高亮。

  JavaScript Next

  JavaScript Next供给了比默许JavaScript Package十分好的语法高亮,并且他完满支撑ECMAScript 6,假定你晓得ECMAScript 6,或许也感触过默许装置的Sublime Text不支撑modules,succinct methods, arrow functions, classes, generators, and accessors 带来的不便利。

  CSS3

  嗯是的,即是CSS3,默许装置的Sublime Text对CSS3的支撑让人抓狂,帧动画?别开玩笑了你只会看到一片白色的纯文本相同的代码。实际上不但CSS3,我主张用CSS3 Package彻底代替正本的CSS Package来完结语法高亮。

  SCSS

  Sass的开发人员们,我主张你们运用SCSSPackage,是的我也觉得有.sass和.scss是很脑残的设定,可是我想大大都Sass开发人员实习上写的都是.scss,究竟.scss更“像”咱们了解的原生CSS。

  当然Stylus和LESS也是写CSS的好东西,实际上我更喜爱LESS。

  其他Package

  CoffeeScript的开发人员少不了Better-Coffescript,这个Package比Package Control里官方的CoffeeScript Package要好得多,后者现已好久没有保护更新了。嗯,TypeScript也是个不错的挑选,当然我想Visual Studio或许是十分好地TypeScript东西。

  HamlPackage为默许的东西添加了嵌套言语的支撑,包含JavaScript,CSS,Sass等等,语法高亮比早年更便当。Slim和Jade也供给了各自的语法高亮支撑,这两种言语我还不是十分了解,假定有十分好的插件供给请必定同享出来。

  插件

  Sublime Text有许多风趣又有用的插件,社区的支撑也是我一向用Sublime Text的缘由。假定咱们找一打工程师坐下来议论Sublime Text的插件,哦算了咱们仍是聊聊世界平和吧…… 前端工程师常用的插件比方CTag不再赘述,这儿说几个风趣的。

  Color Highlighter

  这个插件我等了好久了,我最早用Sublime Text写CSS时分就在想“这堆色彩码谁晓得是啥色彩”…Color Highlighter这个插件会检查CSS文件中的色彩码,不论是Hex码或许RGB码都能极好的显现。Color Highlighter能够设置成用背景色或许边框提示色彩,我通常在Settings里做这样的设置:

  language-http" { "ha_style": "filled", "icons": false }

  这样设置往后的作用是这样的:

  更赞的是近来这个插件也支撑了Sass、LESS以及Stylus,这也使他变成我的必备插件之一。

  Emmet

  嗯,我自个不喜爱Emmet这个姓名,反倒是早年他叫做Zen Coding的时分更简略被人记住。许多运用Emmet只需一个害处,那即是你或许会忘掉把标签成对打两遍的好习气。

  用Emmet写HTML很快,真的很快。简略的把标签和需求的class称号写清,嵌套构造和闭合标签他会帮你搞定的。Jade、Slim或许Haml的支撑也极好。

  Sublime Linter

  常常对代码做lint是个好习气,这不必定是为了检查语法过错,还能削减潜在的抵触、不兼容等。后端工程师有CLint一类的东西,Sublime Text中对JavaScript的Lint支撑也极好。Sublime Linter能够在编译时就很便当的帮忙咱们lint代码。尽管咱们经过grunt等构建东西,也能够在构建网站时强行进行lint检查,可是在修正时的实时监测老是便当许多。

  主题/配色

  我想适宜的主题和配色是能够潜在前进工程师功率的重要东西,尽管用白底黑字的记事本也能写出安定高效的代码,可是为了咱们的心境和双眼,仍是选几款好的配色比照好。前端工程师对计划和美学愈加敏锐,尽管不是计划师,但咱们晓得“啥是美的”。在Sublime Text中改动视觉作用有两有些设置,别离是代码高亮的“配色”以及修正器自身的“主题”(包含了Tab栏、侧边栏以及Command窗口等)。趁便插播一下,最新版别的Sublime Text 3能够指定侧边栏的文件图标了~

  记住知乎上有为何大有些程序员都喜爱用黑色界面这样的疑问,嗯…… 不论你运用亮色系仍是暗色系的主题(实际上我在纷歧样的修正器别离用了这两种),下面这几种都十分值得引荐:

  Solarized Dark

  Solarized在实际上计划了一套配色的规范,而非单纯的几个修正器配色文件。咱们能够在官网上找到许多盛行IDE的Solarized配色计划,在GitHub等开源网站上更多!简直悉数数的出来的修正器、终端东西等都能够找到Solarized个性的配色。许多尖端工程师的东西和博客也运用了这一套配色。

  Cobalt2

  Cabalt2这套主题是这篇文章原作者Wes Bos引荐的主题,这套主题经过了5年以上的批改和演进。它的特色在于经过高比照度的计划招引运用者的眼球,把留意力放在需求留意的当地。

  Seti UI

  黑,很黑,用来描述Seti UI不算过火,这套主题的蓝色很挑眼,我引荐这款主题仅仅由于这篇文章太长了需求点儿亮色~

  Goto Anything

  假定你之前用过Coda、Textmate或许Dreamweaver你或许对侧边栏上的文件导航及其依靠。Sublime Text带来了Goto Anything特性,只需求按下简略的 ⌘ (Ctrl on Windows) + P 就可曾经往任何你想抵达的方位,这是你能想到的翻开文件的最快的办法。智能感知的提示框供给了含糊匹配,咱们不需求记住精确的文件名,也不需求记住他在哪层文件夹里。

  Goto Anything不但支撑文件名,实际上他还支撑前往某行,你能够运用“jquery.js:205:15”来前往jquery.js文件的205行15列。运用“@”可曾经往文件里的函数、办法等等成员,再便当不过。——南京PHP培训http://www.thinksite.cn/

本文由欣才IT学院整理发布,未经许可,禁止转载。