SublimeSublime Text工具使用小技能

Sublime Text 插件的安装和插件集合

2017-02-16  本文已影响2317人  YYSheng

Sublime Text 安装插件。

Sublime Text是有一个插件管理器的叫做Package Control在最新版本OSX客户端中安装特别方便在Tools选项卡中最后一项为Install Packages 选项,点击一下稍等3秒钟,就OK了,

而对于Window用户来说需要打开控制台快捷键ctrl + 然后在控制台里面根据你的Sublime Text版本粘贴下方对应的代码就行了

****Sublime Text 3:****

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 

****Sublime Text 2:****

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation') 

Package Control安装完成按Commit + Shift + P快捷键进入插件管理

插件管理器.jpg
输入 install 选择Package Control:Install Package选项进入安装插件
搜索插件.jpg
在这里输入你想要安装的插件名字回车安装就行了,在左下角会显示你安装的进度

官方安装教程直通车

Sublime Text 插件集合。

  1. Emmet

功能:编码快捷键,前端必备
简介:Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)上看下具体的演示视频。
使用:教程-http://docs.emmet.io/cheat-sheet/http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

  1. JSFormat

功能:Javascript的代码格式化插件
简介:很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,是代码一目了然,更快读懂~
使用:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

  1. Alignment

功能:”=”号对齐
简介:变量定义太多,长短不一,可一键对齐
使用:默认快捷键Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本

  1. Sublime-Autoprefixer

功能:CSS添加私有前缀
简介:CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题
使用:Ctrl+Shift+P,选择autoprefixer即可。需要安装node.js。
其他设置如快捷键请参考:https://sublime.wbond.net/packages/Autoprefixer

  1. Clipboard History

功能:粘贴板历史记录
简介:方便使用复制/剪切的内容
使用:
• Ctrl+alt+v:显示历史记录
• Ctrl+alt+d:清空历史记录
• Ctrl+shift+v:粘贴上一条记录(最旧)
• Ctrl+shift+alt+v:粘贴下一条记录(最新)

  1. Bracket Highlighter

功能:代码匹配
简介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记
使用:点击对应代码即可

  1. Git

功能:git管理
简介:插件基本上实现了git的所有功能
使用:https://github.com/kemayo/sublime-text-git/wiki

  1. jQuery

功能:jQ函数提示
简介:快捷输入jQ函数,是偷懒的好方法

  1. DocBlockr

功能:生成优美注释
简介:标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦
使用:输入//*然后回车,还有很多用法,请参照
https://sublime.wbond.net/packages/DocBlockr

  1. Color Picker

功能:调色板
简介:需要输入颜色时,可直接选取颜色
使用:快捷键Windows: ctrl+shift+c

Updata 2017-08-02
一、文档编码,程序语言环境支持
文档编码ConvertToUTF8

二、文档美化(语法高亮,代码缩进,标签操作,文档格式化)

格式化HTML/CSS/JS代码Sublime-HTMLPrettify
*CSS格式化CSS Format
格式化JS代码JsFormat
*JS保存时自动格式化代码StandardFormat
高亮html标签、匹配括号、引号BracketHighlighter
颜色代码对应色彩显示ColorHighlighter
标签操作Tag
删除空白字符TrailingSpaces
删除空行DeleteBlankLines
扩展范围选择ExpandRegion

三、语法检测,代码测试
语法及风格校验框架SublimeLinter3
JS语法及风格校验SublimeLinter-jshintNode.js & npm
npm install -g jshint / npm install -g csslint
在项目创建.jshintrc文件配制各种规则{“eqeqeq”:true,”curly”:true}
http://jshint.com/

CSS语法及风格校验SublimeLinter-csslint
*测试HTTP请求SublimeHttpRequester

四、代码智能提示、补全与响应,代码模板
HTML/CSS代码快速编写Emmet
*双向编辑样式 LiveStyle
代码智能提示补全Sublime​Code​Intel
注释编辑Doc​Blockr
HTML拼接成JS插入字符串QuoteHTML
较全的各种提示,可配置Better Completion
*JS代码段JavaScript Patterns snippets
*JS代码段sublime-javascript-snippets
*jQuery代码段SublimeText j​Query Snippets
*jQuery代码段(可选)j​Query Snippets
Canvas代码段Canvas Snippets
*CSS3提示CSS3
补全CSS前缀sublime-autoprefixer
*根据文件扩展名创建模板FileHeader
*新建文件时使用模版SublimeTmpl
根据打开的文件,代码补全好用,但是,会有点乱
All Autocomplete
*Markdown语法支持MarkdownEditing
Markdown语法高亮Markdown Extended
Markdown文档预览和发布成HTMLMarkdown Preview
Markdown文档目录大纲MarkdownTOC

五、关联文件类名、路径补全
文件路径自动提示AutoFileName

六、编辑器功能扩展
*汉化插件Chinese-Localization
符号编码转换 > > Hasher
扩展侧边栏右键功能SideBarEnhancements
菜单位置管理侧边栏SideBarFolders
更改侧边栏颜色SyncedSidebarBg
创建新文件AdvancedNewFile
输入法输入栏光标位置IMESupport
*计划任务PlainTasks
颜色选择器ColorPicker
搜索所有打开的文件来寻找匹配的提示词AllAutocomplete
*获取最新版本的远程文件或zip包Nettuts+Fetch
快捷键检查FindKeyConflicts
扩展行列操作Sublime-MultiEditUtils
*HTTP服务器SublimeServer
Sublime Text 删除重复字符RemoveDuplicateCharacters

具体使用方法还须大家慢慢摸索,今天的分享就到这里,感觉有用不如点个喜欢吧。

上一篇下一篇

猜你喜欢

热点阅读