CoffeeScript[ST 插件]前端开发 Sublime 插件整理

  1. sublimerge
    很是神奇的代码比较工具,帮衬和协调的snapShot相比,和clipboard快速照相对比
  2. WebInspector
  3. PlainTasks
    a todo-list plugin
  4. [css
    Format]那款插件和jsFormat类似,能够格式化css代码(包涵压缩css)。个人认为cssComb没有啥样效劳只是调整了品质而已。
  5. table
    Editor

    markdown中写table的神器,网上各个学科(比如:https://vimeo.com/83939527),写table速度大大提高了。但在sublime中请留心,tab也许会设有争论的动静,请覆盖到Key Bindings - User
  6. Color
    Highlighter

    该插件可以浮以后CSS文件中说利用的水彩的色值。包涵HTML中嵌套的css样式也能够来得。
  7. sublimeServer
    用Sublime做二个HTTP服务,能够用浏览器访问当前Sublime打开的文件夹里的始末,对于测静态页面相比方便
  8. DocBlockr
    轻松写jsdoc
  9. AutoFileName
    在您在输入文件名是提供自动唤醒,减少人工的输入错误。
  10. Requester:用 sublime 发送请求

没完没了立异


摘引部分

转载自怎样优雅地利用Sublime

文/晚晴幽草(简书作者)原来的书文链接:http://www.jianshu.com/p/3cb5c6f2421c作品权归作者全体,转发请联系笔者获得授权,并标注“简书小编”。

  • MarkDown
    Editing
    SublimeText不仅仅是力所能及查阅和编写制定Markdown
    文件,但它会视它们为格式很倒霉的纯文本。这一个插件通过适当的颜色高亮和其余效率来更好地成功这几个任务。关于怎么样在SublimeText下高效些东西可参见小说:sublime
    text
    2(3)下的Markdown写作

    抑或是前段时间写下的探寻高效工作的同步折腾㈡

  • SideBarFolders开辟的文件夹都太多了?
    来用那么些来管理文件夹,世界原来也足以如此美好。

    CoffeeScript 1

    SideBarFolders

  • Sublime
    Terminal
    以此插件能够让你在Sublime中央直属机关接使用极限打开你的花色文件夹,并帮忙选取急迅键。

  • ColorPicker一般性,假设你想采取二个颜色选取器则可能打开
    Photoshop 或 GIMP。而在 Sublime Text
    中,你可以利用内置的颜料选拔器。安装完结后,只要按下Ctrl / Cmd +
    Shift + C 火速键。

  • SublimeREPL那可能是对程序员很有用的插件。SublimeREPL
    允许你在 Sublime Text 中运作各类语言(NodeJS , Python,Ruby, Scala
    和 Haskell 等等)。

  • Ctags插件有童鞋抱怨Sublime
    Text不能够支撑函数的跳转(比如像Eclipse那样,按住Control点击该方法或然目的,即可跳转到定义的地点;
    Alt+←即可回到原处)。其实Sublime
    Text也足以借助插件完成之(当然,有个别处境下:Can not find
    defination)毕竟这些也是依靠正则来合作成功的。由此那个也就须求代码很正规。这几个插件相对来讲会略带麻烦,具体的能够参见:Sublime
    Text ctags
    的配置
    .

  • SublimeLinter插件SublimeLinter
    是前者编码利器——Sublime
    Text

    的一款插件,用于高亮提醒用户编写的代码中设有的不三不四和错误的写法,协理JavaScript、CSS、HTML、Java、PHP、Python、Ruby
    等十各个开发语言。那篇小说介绍怎么样在 Windows 中布置 SublimeLinter
    进行 JS & CSS
    校验。比如写例如像lua那样的弱语言脚本代码,有其一能够避开掉很多不应当有的低级错误吧?当然这也急需您SublimeLinter安装实现之后再设置四个SublimeLinter-lua
    即可。具体的使用能够参见:凭借 SublimeLinter 编写高品质的
    JavaScript & CSS
    代码

  • SideBarEnhancements插件SideBarEnhancements是一款很实用的右键菜单增强插件;在安装该插件前,在Sublime
    Text左侧FOLDE奥迪Q5S栏中式点心击右键,唯有寥寥多少个大概的作用;安装了就一定于给其丰了大奶子一般。更强硬的是,该插件还能够让大家自定义飞速键呼出有些浏览器以预览页面!那样就无须到花色目录下寻找和拖动到一定浏览器中预览了。安装此插件后,点击菜单栏的preferences->package
    setting->side bar->Key Building-User
    ,键入以下代码:
    [ { “keys”: [“ctrl+shift+c”], “command”: “copy_path” }, //chrome
    { “keys”: [“f2”], “command”: “side_bar_files_open_with”,
    “args”: { “paths”: [], “application”:
    “C:\Users\jeffj\AppData\Local\Google\Chrome\Application\chrome.exe”,
    “extensions”:”.*” } }]

那里设置按Ctrl+Shift+C复制文件路径,按F2即可在Chrome浏览器预览效果(假设必要的话,也得以依照本身的急需为Firefox,Safari,IE,Opera等丰盛),当然你也能够自身定义喜欢的飞速键,最终注意代码中的浏览器路径要以本身电脑里的文件路径为准。

  • HTML-CSS-JS
    Prettify
    一款集成了格式化(美化)html、css、js两种文件类型的插件,尽管html,js写在PHP文件之内。插件依赖于nodejs,因而须求事先安装nodejs,然后才方可健康运营。插件安装达成后,飞快键ctrl+shift+H达成如今文件的美化操作。插件对html、css文件的吹嘘不是十二分好听,但还足以,前边将表达怎样修改css美化脚本。自身用起来拔尖爽的,鉴于篇幅,就不赘述,能够参见这篇介绍。
  • CSScomb
    CSS属性排序
    :
    偶尔看看自个儿写的CSS文件,会不会认为属性很乱查找不易维护难?CSScomb能够依据一定的CSS属性排序规则,将混乱的CSS属性实行双重排序。选中要排序的CSS代码,按Ctrl+Shift+C,即可对CSS属性重新排序了,代码从此简洁有序易维护,假诺不款选代码则插件将排序文件中有所的CSS属性。当然,能够团结自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改内部的CSS属性顺序就行了。因为那个插件使用PHP写的,要使他干活索要在环境变量中添加PHP的路子,具体请看github上的认证。
  • SublimeTmpl
    急迅变化文书模板
    向来都很想得到为何sublime
    text
    3没有新建文件模板的效果,像html底部的DTD注脚每一趟都要复制粘贴。用SublimeTmpl那款插件终于得以摆脱了,SublimeTmpl能新建html、css、javascript、php、python、ruby六体系型的文书模板,全数的文书模板都在插件目录的templates文件夹里,能够自定义编辑文件模板。SublimeTmpl暗许的快捷键:
    ctrl+alt+h htmlctrl+alt+j javascriptctrl+alt+c cssctrl+alt+p
    phpctrl+alt+r rubyctrl+alt+shift+p python

万一想要新建其余体系的文书模板的话,先自定义文件模板方在templates文件夹里,再各自打开Default
(Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings那多少个公文照着在这之中的格式自定义想要新建的连串,那里就详细介绍了,请各位自身折腾哈~

SFTP:快速编辑远程服务器文件在Win下用Xftp和WinScp,被这种须要切换点击or
F5刷新的手动操作蛋疼到无语;故此一遇见这SFTP,顿觉那世界都美好了无数。当然Sublime下边也有个别其它共同插件,比如FtpSnyc,可是配置起来的一无所能提醒一点都不人性化,就毫不留情的废弃了。Sublime下有SFTP,只要Ctrl+S即可一并本地到服务器,妥妥的爽歪歪有么有?怎么样布署,请参见
Sublime Text中使用 SFTP
插件火速编辑远程服务器文件
;如欲使用FtpSync可参见Sublime使用及FtpSync远程同步;大道至简,因简而悦;热情洋溢垒码,值得折腾。
WakaTime
记录你的Code时间;WakaTime能够成功规范地总结到你花在有个别项目上的年华;WakaTime针对不一样的IDE,拥有不一样的插件,在Sublime上安装着插件,就能总计到小编动用Sublime实行的具备种类的行为。能够高速管理和明白自个儿code时间;并且,计算完善,
适合发朋友圈装逼(要是您喜爱的话)~
Waka的主导布署和rescuetime类似。每种人登记完将收获3个key,装贰个客户端,把key输进去(登陆是同四个道理),然后它就把地面包车型地铁持有行止带个key扔给服务器来计算,一段时间之后给你个报表。但是Waka做的确实很精准,精确到每三个文件用了有个别秒,每种语言用了多少日子。

CoffeeScript 2

安装和选择都很简单,请参见这里。其它一篇相比详细的小说日子都去哪了?用RescueTime和WakaTime来记录您的小运,对Rescue提姆e和WakaTime有一个进一步详细的叙说,能够一读。
结余多少别的的能够按需安装的插件,比如:
ConvertToUTF8 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_CoffeeScript,JIS
等编码的插件
Bracket Highlighter
用于匹配括号,引号和html标签。对于十分短的代码很有用。安装好之后,不供给安装插件会自动生效
DocBlockr 能够自动生成PHPDoc风格的注释。它协理的言语有Javascript,
PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++
Emmet(Zen
Coding)
生成HTML代码段的插件,强大到无与伦比:能够超飞快编写HTML/CSS/JS,当然这几个插件还帮衬二种编写翻译环境,如广大的:Eclipse/Aptana、Coda、Notepad++、Adobe
Dreamweaver、TextMate等,web开发必备!!!
jsFormat
格式化js代码,懂者自懂;性障碍Coder必备!默许连忙键Ctrl+Alt+F。
phpFormat 格式化php代码,懂者自懂;性冷淡Coder必备!
CSS Compact Expand
CSS属性展开裁减:
写CSS的盆友,喜欢将其写多行还是一行(个人喜欢将其格式化为多行)?即使阅读外人的代码不相符本身的习惯,能够用CSS
Compact Expand这么些插件将CSS格式化一下,按 Ctrl+Alt+[
减少CSS代码为一行展现,按 Ctrl+Alt+]
展开CSS代码为多行彰显;自闭症Coder必备!。
Autoprefixer插件:那是一款CSS3私有前缀自动补全插件;该插件使用CanIUse资料库(当然,SublimeText自然也有<font
color=”purple”>CanIUse</font>那几个插件咯),能精准判断什么属性须求哪些前缀,与CssComb插件一样,该插件也急需系统已设置Node.js环境;使用方法:在输入CSS3属性后(冒号前)按Tab键即可。
YUI
Compressor
:压缩JS和CSS文件,按F7键后,若压缩当前文件(demo.js),则缩短后的文书(demo.min.js)保存在该公文的同级目录,需求安装java的JDK。使用办法:YUI
Compressor

ClickableU福睿斯Ls:可点击的U奥迪Q5L选用小插件ClickableURLs能够让文件中的U冠道L能够点击。
极端王道:本人编写专用的Sublime
Text插件。就算说种种方面比如移动端,Web前段,服务器端,非Coder的Writer所供给的有利已经被合并在了不一样的插件中。但譬如,要求快捷打开PC端的某些模拟器,便捷的拓展一些校验,只要你想的到的主题都能够将其在插件内,以神速键处理之。至于怎样编写SublimeText插件,请参见这里编纂本人的Sublime
Text2
插件