sublime3常用插件总结

本人之前使用的是webstorm,后来改用sublime,渐渐的爱上了它的快!(自行体会)

  正式介绍sublime3常用的一些插件,安装流程不再赘述!

  • SublimeTmpl

  创建常用文件初始模板,必须html,css,js模板

  • SublimeLinter

  一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)

  • All Autocomplete

  Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。

  •  Alignmen   

  等于号对齐,默认为 Ctrl + Alt + A,但有可能跟QQ截图 冲突,所以可以自己设置快捷键,设置方式  导航栏 -> preferences ->package settings ->Alignment ->key Bildings-default

  • SublimeCodeIntel

  一个全功能的 Sublime Text 代码自动完成引擎 ,本人做过对比,但是如果和webstorm的自动寻找还是稍逊一筹,不过对于大部分人来说够用了,能很方便跳到你想要的方法

  支持的语言挺多的(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.)

  • CTags

  实在方法跳转,跳转到你方法

  之后在win7下或者linux下安装ctags软件

  1.   打开ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"这个路径是下载ctags的安装路径
  2. 这个插件能跨文件跳转,跳转到指定函数声明的地方(ctrl+alt+左键)。 使用package control 搜索ctags 进行安装(安装ctags插件就可以了, 还有一个 CTags for PHP 插件没什么用),注意安装好插件后要需要安装ctags命令。window 下载 ctags.exe  http://vdisk.weibo.com/s/7QZd7 。 将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd, 输入ctags,如果有这个命令,证明成功了。ubuntu下安装运行命令:sudo apt-get install exuberant-ctags 。然后在sublime项目文件夹右键, 会出       现Ctag:Rebuild Tags 的菜单。点击它,然后会生成.tags的文件 然后在你代码中, 光标放在某个函数上, 点击 就可以跳转到函数声明的地方。
  • AutoFileName

  快速帮助你在文件中写路径整体来说还不错。

  • Autoprefixer

  这个插件主要应用css的浏览器兼容书写,自动分析你的css文件,解析出新的css文件,可以配置你要兼容的浏览器,不过这个插件要在之前安装nodejs

  • BracketHighlighter

  配置文件的高亮设置,让你的代码有不同的颜色区分该插件提供配对标签,或大括号或字符引号的配对高亮显示,算是对系统高亮的加强吧。

  • BufferScroll

  一个文件多开的情况下,你可以轻松书写一个文件多个位置了。

  • CSS Format

  css序列化插件,支持默认多种序列方案,还可以自己配置自己喜欢的。

  • DocBlockr

  DocBlocker 是在Sublime平台上开发一款自动补全注释插件,支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言。(使用方法 /**回车)

  • Emmet

  Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

  • HTML-CSS-JS Prettify

  全能序列化。

  • JavaScript Completions

  js最基本的api快查片段

  • JsFormat

  js序列化,能排在下载插件前25位,好的话就不用说了。

  • Tag

  HTML/XML标签缩进、补全和校验

  设置自己的自定义快捷键

  //  设置html在浏览器中打开

  打开Preferences - 「Key Bindings - User」,添加此行:
  {"keys": ["ctrl+b"],"command": "open_in_browser"}
  保存后按ctrl+b就相当于右键-open in browser了,你也可以换成自己喜欢的快捷键,只要把[ ]里面的ctrl+b换成你喜欢的快捷键就可以了

生活不易,且活且珍惜!

--------------------------------------------------------------------------------------------------------------------------------------------------------

2018/10/16  22:18

原文地址:https://www.cnblogs.com/duanyue/p/9801086.html

时间: 2024-10-29 21:09:47

sublime3常用插件总结的相关文章

sublime3 常用插件

上一篇记录sublime 常用的快捷键,这里记录一些初次安装推荐的前端使用插件与安装插件包名称. 首次下载安装的sublime text3,基本什么都没有,想要达到适用还得一番捣鼓,各种插件的安装必不可少,刚下载时候Package Control是无法使用的哦,所以需要执行如下步骤: 使用Package Control组件安装 安装package control组件,按Ctrl+ (" " 此符号为tab按键上面的按键) 调出console(注:避免热键冲突) 粘贴以下代码到命令行并回

ElasticSearch之常用插件安装命令

#head监控安装,推荐 bin/plugin -install mobz/elasticsearch-head #bigdesk集群状态,推荐 bin/plugin -install lukas-vlcek/bigdesk #marvel监控安装 bin/plugin -i elasticsearch/marvel/latest #es-sql安装,网页内有详细说明 https://github.com/NLPchina/elasticsearch-sql #jdbc-river安装(rive

Sublime Text 3 常用插件以及安装方法(转)

Sublime Text 3 常用插件以及安装方法(转) http://www.cnsecer.com/460.html 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助.麻烦动下手点下页面的广告吧,谢谢! 直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Package Control组件安装 也可以安装package co

notepad++和sublime 常用插件及主题

sublime: 常用主题有: Pastels on Dark Monokai Zenburnsque 常用插件有 Anaconda Package Control Side Bar ConvertToUTF8 AutoPEP8 Terminal SublimeREPL Emmet Jedi Package Control安装方法: #python 3 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp =

Notepad++前端开发常用插件介绍

Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Coding,一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件,是前端开发神器.它无视了编辑器的自动提示和自动完成,秒杀了你自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验.现在可以在Notepad++

Eclipse3.7常用插件

首先声明我是用的Eclipse版本是V3.7 ========================================================================== 一.Jode反编译插件 需要下载的资源 1.net.sf.jadclipse_3.3.0.jar----http://prdownloads.sourceforge.net/jadclipse/net.sf.jadclipse_3.3.0.jar?download 2 .jad.exe -------h

Vim常用插件——前端开发工具系列

作为一名开发者,应该对编辑器之神Vim与神之编辑器Emacs有所耳闻吧.编辑器之战的具体细节有兴趣的童鞋可以google之. Vim最大的特点是打开速度快,功能强大,一旦掌握了其中的命令,编程过程双手就不需要离开键盘了. 用习惯了Vim的另一个好处是在linux下可以很轻松地用vi来处理文件,当然emacs也可以做默认编辑器,但是不是每台机器都有安装Emacs. 今天主要给大家介绍Vim在前端领域的一些常用插件: 1.mark.vim mark.vim主要的功能是变量的高亮. 选中要高亮的词,使

Sublime 常用插件简介

Sublime   常用插件简介 emmet: 前端必备神器.花个十几分钟学下Emmet语法 ,就可以极大提高web开发者HTML和CSS工作效率啦.一句话,牛逼---必备 CSS3: CSS3语法高亮.CSS语法提示,但是浏览器的私有属性不会高亮.     -----必备 CSS Extended Completions: 提示css文件(包括关联进来的)中的类名,非常好用. JavaScript Completions javascript原生语法提示, jQuery 提供了jQuery的A

Sublime Text3快捷键以及常用插件

工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我们聊聊Sublime Test sublime text值强大是因为他的插件,提到Sublime Text插件安装,就不得不提Package Control,装sublime text第一件事就是装Package Control,它是 Sublime Text 的包管理器,你用它可以轻松地找到你想要