sublime text3常用插件一览2017

发布时间:2019-08-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了sublime text3常用插件一览2017脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

文件操作类

  • AdvancedNewFile:快速新建文件。快捷键Ctrl+Alt+N,输入文件夹以及文件名,回车,你会发现已经子目录下的文件已经新建完成!
  • Sidebar Enhancements:增强侧边栏
  • SyncedSideBar:每次打开文件,侧边栏都会同步显示该文件所在目录树中的位置
  • Compare Side-By-side:在待比较的Tab上右键选择Compare wITh...,然后选择另一个打开的比较对象即可,Sublime会自动弹出新的窗口显示两个文件
  • FileDiffs:强大的比较代码不同工具。比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具,精确到行。右键标签页,出现FileDiffs
    Menu或者Diff with Tab…选择对应文件比较即可

代码生成器

  • JavaScript Completions:js原生语法提示。安装后需要配置
点击 PReferences ->Package Settings ->JavaScript Completions -> Settings-Defalut
配置nodejs路径:

sublime text3常用插件一览2017

You may also need to change the ColorScheme. Pick one From Preferences
-> Color Scheme -> JavaScriptNext.
  • Emmet:快速生成HTML代码段的插件,强大到无与伦比
  • SublimeCodeIntel 它的功能是代码提示,支持这些语言 :JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, xslt, Django,HTML5, PErl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.
  • Insert Callback和JavaScript & NodeJS Snippets:由于Node.js是基于事件驱动的,这使得我们在编写Node.js代码时会经常用到回调函数。Insert Callback插件通过Alt+C快捷键迅速地在光标所在的位置插入回调函数,并自动添加函数的第一个参数err,第二个参数d,通常情况下这正是我们想要的。安装JavaScript & NodeJS Snippets插件可以帮助你在编写Node.js代码时给出提示和代码补全。

代码辅助类

  • All Autocomplete:Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 All Autocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。
  • Sublimetmpl:新建html、css、javascript、phppython、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php

sublime text3常用插件一览2017

  • AutoFileName:快捷输入文件名,文件路径自动提示的。自动完成文件名的输入,如图片选取,输入”/”即可看到相对于本项目文件夹的其他文件。
  • SublimeLinter、SublimeLinter-csslint、SublimeLinter-contrib-eslint:语法校验
npm install -g csslint eslint
  • bracket Highlighter:该插件提供行数列高亮的各种配对的语法符号,显示在行号上。对于很长的代码很有用
    可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记
  • Color Highlighter :CSS颜色高亮
Color Highlighter能够设置成用背景色或者边框提示颜色,我一般在Settings里做这样的设置:点击 Preferences ->Package Settings ->Color Highlighter -> Settings - User。粘贴如下代码:
{
    "ha_icons": true,
    "ha_style": "filled"
}
  • Colorpicker:使用一个取色器改变颜色。快捷键个人设置为Ctrl+Alt+C
点击 Preferences -> Browse Packages,选择 ColorPicker 文件夹,里面有三个文件,分别是 Default (Linux).sublime-keymap、Default (Linux).sublime-keymap、Default(Linux).sublime-keymap,分别代表了各自系统下的快捷键,根据你自己的系统更改即可。粘贴如下代码:
[
    { "keys": ["ctrl+alt+c"], "command": "color_pick" }
]

代码格式化

  • JsFormat:可以帮助你自动格式化 JavaScript 和 JSON。很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,使代码一目了然。 默认快捷键Ctrl+Alt+F
  • Trailing spaces:检测并一键去除代码中多余的空格。Ctrl+Shift+D(需配置),个人配置为Ctrl+Alt+D。快捷键配置:在Preferences / Key Bindings – User加上代码(数组内)
 { "keys": ["ctrl+alt+d"], "command": "delete_trailing_spaces" }
  • CSScomb : CSS属性排序(快捷键:Ctrl+Shift+C)
  • HTML-CSS-JS Prettify:这是一款集成了格式化(美化)html、css、js三种文件类型的插件。插件依赖于nodejs,因此需要事先安装nodejs,然后才可以正常运行。快捷键Ctrl+Shift+H。快捷键冲突,个人设定为F5
点击 Preferences ->Package Settings ->HTML/CSS.JS Prettify ->Set
Keyboard Shortcuts

辅助类

  • A File Icon:美化插件。可以更清楚了解每个文件的类型,一目了然。
  • WordCount:可以实时显示当前文件的字数。安装后,后下角多出字数
  • ConvertToUTF8:文件转码成utf-8,ConvertToUTF8:比上面的那个要方便,直接在菜单栏中可以转了,专为中文设计。通过本插件,您可以编辑并保存目前编码不被 Sublime Text 支持的文件,特别是中日韩用户使用的 GB2312,GBK,Big5,EUC-KR,EUC-JP ,ANSI等
  • IMESupport输入法不跟随时安装
  • status Bar Time:状态栏显示时间
  • SeArch Stack Overflow:Ctrl+Shift+P打开stackoverflow,输入问题,自动打开浏览器搜索

sublime text3常用插件一览2017


PS

代码注释DocBlockr)和汉化(Chinese Localization)在新版的Sublime Text 3中已经无法用Package Control: Install Package的方法安装。可以下载github官方压缩包,解压到本地Sublime Text的安装目录的方式安装。
其中汉化包全部解压后存在多语言菜单项冗余的问题。整体删除后会默认添加一个名为“ZZZZZZZZ-Localization”的文件夹。完美解决汉化问题。

sublime text3常用插件一览2017

Chinese Localization
DocBlockr

脚本宝典总结

以上是脚本宝典为你收集整理的sublime text3常用插件一览2017全部内容,希望文章能够帮你解决sublime text3常用插件一览2017所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。