实用的sublime插件集合 – sublime推荐必备插件
Sublime Text 3 安装Package Control
原来Subl3安装Package Control很麻烦,现在简单的方法来了
一、简单的安装方法
使用 Ctrl+`快捷键或者通过 View->Show Console菜单打开命令行,粘贴如下代码:
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())
如果顺利的话,此时就可以在Preferences菜单下看到Package Settings和Package Control两个菜单了。
顺便贴下Sublime Text2 的代码:
import urllib2,os; 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( ))); 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')
二、手动安装
可能由于各种原因,无法使用代码安装,那可以通过以下步骤手动安装Package Control:
1.点击Preferences > Browse Packages菜单
2.进入打开的目录的上层目录,然后再进入Installed Packages/目录
3.下载Package Control.sublime-package并复制到Installed Packages/目录(地址:https://sublime.wbond.net/Package%20Control.sublime-package)
4.重启Sublime Text。
Emmet
简介:Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)上看下具体的演示视频。
(安装方法:
点击菜单Preference-->Package Control
点击Install Package
等待几秒后再弹出如下内容,敲键盘emmet,选择如下:
在 Emmet 安装完成后,会显示如下屏幕:然后会自动安装PyV8,安装完成,重启 Sublime Text 3。
测试:
重启之后还会看到左下角再次呈现 Loading PyV8 的提示,待其载入完毕,打开一个新文档最后测试,输入指令(不行就再重启一下)
ul#test>li*4
按Ctrl+e 生成---
<ul id="test"><li></li><li></li><li></li><li></li> </ul>
)
JSFormat
简介:很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,是代码一目了然,更快读懂~
使用:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)
LESS
简介:用LESS的同学都知道,sublime没有支持less的语法高亮,所以这个插件可以帮上我们
Less2CSS
使用:打开.less文件,编写代码保存即可看到同时生成.css的文件,如果没有则需要安装node。不推荐用这种方法编译,要么用koala,要么就用grunt编译。
Alignment
使用:默认快捷键Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本
sublime-autoprefixer
简介:CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题
使用:Ctrl+Shift+P,选择autoprefixer即可。需要安装node.js。
其他设置如快捷键请参考:https://sublime.wbond.net/packages/Autoprefixer
Clipboard History
Bracket Highlighter
简介:可匹配[], (), {}, “”, ”, <tag></tag>,高亮标记,便于查看起始和结束标记
Git
使用:https://github.com/kemayo/sublime-text-git/wiki
jQuery
DocBlockr
简介:标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦
https://sublime.wbond.net/packages/DocBlockr
ColorPicker
ConvertToUTF8
AutoFileName
Nodejs
教程:https://sublime.wbond.net/packages/Nodejs
IMESupport
简介:还在纠结 Sublime Text 中文输入法不能跟随光标吗?试试「IMESupport 」这个插件吧!目前只支持 Windows,在搜索等界面不能很好的跟随光标。
使用:Ctrl + Shift + P →输入pci →输入IMESupport →回车
Trailing spaces
简介:还在纠结代码中有多余的空格而显得代码不规范?或是有处女座情节?次插件帮你实现发现多余空格、一键删除空格、保存时自动删除多余空格,让你的代码规范清爽起来
1 |
{ "keys" : [ "ctrl+shift+t" ] , "command" : "delete_trailing_spaces" } |
FileDiffs
简介:比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具,精确到行。
使用:右键标签页,出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可
GBK Encoding Support
简介:Sublime Text 2可识别UTF-8格式的中文,不识别GBK和ANSI,因此打开很多含中文的文档都会出现乱码。可以通过安装插件GBK Support,来识别GBK和ANSI。
GitGutter
后续
还有Sass、SVN、CoffeeScript等插件,先就介绍这么多,弄配图加翻译测试挺辛苦的,如果觉得不错,可以选择分享或者点击底部中间的小工具收藏此文章。后续会有更新~
实用的sublime插件集合 – sublime推荐必备插件相关推荐
- 【实用】iPad不可或缺的10个必备插件
5.1.1完美越狱的放出也有一段时间了,各位牛排用户是否已经找到适合自己使用的Cydia插件了呢?如果一些新用户还在迷茫中,那可以看看下面这个:博客网站 iDownloadblog在经过"长 ...
- vsvue文件css提示插件,VSCode 开发Vue必备插件
VSCode 开发Vue必备插件 对于很多使用vscode编写vue项目的新手同学来说,可能不知道使用什么插件,这里简单说一下我常用的几款插件. 1. vetur 实现在 vue 文件中: 语法错误检 ...
- vscode智能提示css的插件_Visual Studio Code 必备插件,主题及语法提示
Visual Studio Code 是由微软开发的一款免费的,跨平台文本编辑器.由于其出色的性能表现和丰富的功能,它很快成为了开发者的最爱. 与大多数 IDE 一样,VSCode 也有一个扩展市场, ...
- ale插件 vim_vim 撸码必备插件之 autoformat 与 ale[视频]
好久没更新了,最近小指有点疼.之前录了一些 vim 操作相关的视频,今天介绍两个 vim 下写代码常用的插件:ale: 是异步静态检测插件.减少代码缺陷,写出更规范和干净的代码 vim-autofor ...
- sketchup生成面域插件_3dsMAX一键建模必备插件合集
插件合集获取方式见文末 3ds Max的诞生,对电脑CG.游戏制作.3D建模产生了历史性的影响. 有人常常将其和Sketchup比较,有一部分原因是和Sketchup一样,3ds Max支持Maxsc ...
- 易优插件-易优CMS必备插件免费
易优插件是指针对易优CMS网站开发的插件,在已经熟悉了解的易优CMS的情况下,结合插件以及seo手法制定出适合这个网站的优化方法.搜索引擎行业不停变化的动态属性需要我们不断努力.搜索引擎的任务是给用户 ...
- 前端project师养成记:开发环境搭建(Sublime Text必备插件推荐)
为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 ...
- Asset Store上常用的40个Unity插件汇总——进阶开发者必备Unity插件
上篇文章着重介绍了Unity Asset Store(Unity资源商店)上一些超棒的资源与素材. unity老司机的资源推荐与常用插件汇总合集 - 简书 Unity插件资源购买小技巧 - 简书 本篇 ...
- 2011年9月最新整理的10个有趣的jQuery插件集合
这篇文章将整理出最有趣的jQuery10个插件集合,包括不同的插件,如滑块,用户界面对话框,图像过滤器等,对于喜欢把网页做得很炫很有创意的朋友,这些插件将是非常有帮助的. 1. Rotating ...
最新文章
- R语言Logistic回归模型案例:分析吸烟、饮酒与食管癌的关系
- CCBPM工作流引擎的消息机制与设计
- myeclipse打开jsp页面慢或者卡死
- 介绍语义HTML5元素(感觉这个html5是一个不错的方向!)
- eclispe设置workspace text file encoding
- Tecplot如何保存frame style 并调用frame style
- javascript学习(11)——[设计模式]工厂模式
- Android Retrofit框架请求复杂json数据
- Weblogic负载均衡/Session复制之集群架构
- 采用docker部署3台Redis分布式红锁实例
- 「模拟赛20180306」回忆树 memory LCA+KMP+AC自动机+树状数组
- 告白气球--吉他教学
- 安装IBM Data Studio Client
- 多媒体计算机对信息处理技术包括哪些,多媒体信息处理技术
- HTML——H5前端框架
- 清除网页缓存的快捷键
- spark streaming核心原理及实践
- 开启更优网络的时代:Po.et迈入主网
- 语音-MFCC,Fbank特征提取
- 网页制作(HTML)
热门文章
- C语言圣诞树 源代码
- ios集成语音朗读功能
- 每天都在聊天的女生,为什么突然变冷淡了?
- 对于CF变态数据分析的一些心得
- 毛哥的快乐生活(22) F2M团队光辉岁月的开端
- java per.get_Java ResultSetMetaData getPercision()方法与示例
- LinkButton后台获取前台CommandArgument
- java注解让数字保留两位小数_spring boot 对double保留两位小数
- 天下3最新服务器列表,天下3合服服务器查询-《天下3》官网
- Nokia N1 平板电脑