Sublime Text 3常用插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Sublime Text 3常用插件相关的知识,希望对你有一定的参考价值。

 package control:简单的安装方法:

 

从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码:

Sublime Text 3:

    import urllib.request,os; pf =‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler())); open(os.path.join(ipp, pf),‘wb‘).write(urllib.request.urlopen(‘http://sublime.wbond.net/‘+ pf.replace(‘ ‘,‘%20‘)).read())

Sublime Text 2:

   import urllib2,os; pf=‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); os.makedirs( ipp )ifnot os.path.exists(ipp)elseNone; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler())); open( os.path.join( ipp, pf),‘wb‘).write( urllib2.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘%20‘)).read());print(‘Please restart Sublime Text to finish installation‘)

 AutoFileName:自动提示文件路径

AngularJs:自动提示angularjs

bracketHighlighter:高亮显示插件

clickable URLs:url可点击

Emmet:html/CSS快速编辑(原名Zen Coding)

sublime Tmpl:快速生成文件模板

convertToUTF8:转换编码格式

DeleteBlankLines:删除空白行

HTML/CSS/JS Prettify:自动对齐

SublimeLinter:代码错误提示

SublimeREPL:这可能是对程序员最有用的插件。

SublimeREPL 允许你在 Sublime Texxt 中运行各种语言(NodeJS , Python,Ruby, Scala 和 Haskell 等等)。

 

AllAutocomplete:

传统的Sublime Text自动补全插件仅仅在当前文件下工作。AllAutocomplete 可以搜索全部打开的标签页,这将极大的简化开发进程。当然,还有一个插件叫 CodeIntel,实现了一些IDE的功能并且为一些语言提供了“代码情报”: 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.

SublimeEnhancements:侧边栏菜单变多

Clipboard Manager

功能:粘贴板历史记录

简介:方便使用复制/剪切的内容

使用:

    - Ctrl+alt+v:显示历史记录

    - Ctrl+alt+d:清空历史记录

    - Ctrl+shift+v:粘贴上一条记录(最旧)

    - Ctrl+shift+alt+v:粘贴下一条记录(最新)

 

 

Bracket Highlighter

功能:代码匹配

简介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记

使用:点击对应代码即可

 

IMESupport

功能:sublime中文输入法

简介:还在纠结 Sublime Text 中文输入法不能跟随光标吗?试试「IMESupport 」这个插件吧!目前只支持 Windows,在搜索等界面不能很好的跟随光标。

使用:Ctrl + Shift + P →输入pci →输入IMESupport →回车

 

ColorPicker (GitHub)

在编辑CSS样式的时候,要加个自己喜欢颜色或改改颜色啥的,要到PS里去调色?ColorPicker 可以让 Sublime Text 3内置一个调色盘,调好颜色,点击OK就会在光标处生成十六进制颜色代码。

快捷键 shift+ctrl+C

convertToUTF8和ColorPicker快捷键会产生冲突,convertoUTF8的默认转换GBK的快捷键 和 ColorPicker打开调色板的快捷键都是ctrl+shift+c 。如果你两个插件都安装了的话,就需要进行自定义了,例如:

解决方法:打开Sublime Text --> Preferences --> Browse Packages,找到ConvertToUTF8文件夹并进入,找到对应操作系统的Default.sublime-keymap文件,直接修改成
[
{ "keys": ["ctrl+shift++alt+c"], "command": "convert_to_utf8", "args": {"encoding": "GBK", "stamp": "0" } }
]就行!
亲测成功!

 

GutterColor

是 Sublime Text 3 插件,当 gutter 包括一个颜色时显示 gutter 的颜色。

 

    - 

安装 ImageMagick 上网下载这个软件 默认安装

    - 

Package Settings > GutterColor > Settings – User //配置文件

 

         {

           "convert_path" : "C:/Program Files/ImageMagick-6.9.3-Q16/convert.exe",// ImageMagick的地址

            "supported_syntax": ["css", "scss", "sass", "less", "stylus", "css3", "xml","javaScript","html"],

         }

ApplySyntax – 快速语法检测

 

以上是关于Sublime Text 3常用插件的主要内容,如果未能解决你的问题,请参考以下文章

如何在Sublime Text中添加代码片段

sublime text 3 添加代码片段

Sublime Text 3常用插件

Sublime Text3自定义代码片段

Sublime Text 3常用插件安装大法

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