前端编辑神器---sublime text2
个人印象
之前一直在用dreamweaver,但是由于软件太大,加载速度慢,所以sublime text2作为一款跨平台的编辑器,它的优势就展现出来了,它本身小巧,支持代码高亮,语法提示,自动完成,自动换行,折叠等功能且反应迅速,支持插件扩展机制,令我们工作起来更加得心应手。
人性化设计
点击一个标签或者括弧,会在起始处显示下划点线,方便看清代码结果,每一层嵌套代码间都有竖线,起到视觉辅助的作用。
快捷键
1.窗口快捷键
当前窗口中的标签页切换:ctrl+tab
默认1屏(非小键盘):alt+shift+1
左右分屏-2列:alt+shift+2
左右分屏-3列:alt+shift+3
左右分屏-4列:alt+shift+4
等分4屏:alt+shift+5
垂直分屏-2屏:alt+shift+8
垂直分屏-3屏:alt+shift+9
设置书签:ctrl+F2
上一个书签:shift+F2
下一个书签:F2
选中文本按下快捷键,即可一次性选择全部的相同文本进行同事编辑:alt+F3
检测语法错误:F6
全屏模式:F11
2 页面行快捷键
复制光标所在整行(选中词语)并插入该行(选中词语)之前:ctrl+shift+D
选择整行(继续选择下行):ctrl+L
多列编辑:ctrl+鼠标
光标所在行后插入空行:ctrl+enter
光标所在行前插入空行:ctrl+shift+centre
合并行(即取消换行):ctrl+J
行操作:ctr+alt+↑、ctrl+alt+↓分别为向上或者向下交换两行
从光标处删除至行首:ctrl+K backspace
删除至行尾:ctrl+KK
删除整行:ctrl+shift+K
跳转到相应的行:ctrl+G
注释分别为行注释和块注释,再按去掉注释:ctrl+/、ctrl+shift+/
3 代码标签方面
改为大写:ctrl+K+U
改为小写:ctrl+K+L
字、词互换:ctrl+T
选择相似:ctrl+D
选择光标位置付标签对儿:ctrl+shift+A
光标移动至括号内开始或结束的位置:ctrl+M
选择括号内的内容(继续可选择父括号):ctrl+shift+M
闭合当前标签:alt+.
缩进 自动完成 tab、ctrl+]
去除缩进:shift+tab、ctrl+[
折叠代码:ctrl+shift+[
展开代码:ctrl+shift+]
折叠所有属性:ctrl+KT
展开所有:ctrl+K0
快速列出、跳转到某个函数:ctrl+R
查找当前项目中的文件和快速搜索:输入@查找文件主标题、函数;或者输入数字跳转到文件某行:ctrl+P
插件扩展
他是支持插件的,所以我们就要了解一下,有哪些好用的插件呢?
首先我们要了解一下怎么来安装,一般两种方法,第一种直接打开文件夹,复制粘贴下载好的插件扩展,貌似是这样,网上都有详细介绍,这里主要将第二种方法:通过在线安装 package control的方式进行在线安装,首先按快捷键 Ctrl+Shift+p 或者点击 Tools → Command Palette 调出控制台Console,将以下代码复制粘贴进命令行后回车:
import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
重启,如果安装成功,就可以在菜单preferences里看到Package Control,没有说明安装失败。(可以去网上下载该文件,我就是这样,不晓得为什么,明明是在官网上下载的呀,试了好几次都不成功!汗~~~)
点击preferences-Package Control,显示弹窗:
n Disable Package :禁用插件
n enable Package :启用插件
n Install Package :安装插件
n List Package :查看已安装插件列表
n Remove Package :移除插件
n Upgrade Package :升级插件
然后点击Install Package
就可以选择插件安装了,那么就给大家介绍一下有哪些好用的插件以及它们的用法:
1. alignment
代码对齐,选中文本进行对其操作 ctrl+shift+a
2.BracketHighlighter
括弧高亮显示
3.Clipboard History
剪切板历史,可以保存多个复制信息,按下ctrl+alt+v,可以选择历史剪切板
4.DocBlockr
文档生成器,在js函数前输入/**再回车,神奇的一幕就会发生。
5.Emmet
zenCoding的升级版 tab
6.cssFormat
格式化css
7. JsFormat
格式化js代码,据说可以按ctrl+alt+5把压缩的代码还原。
8.tag
格式化标签
9.SublimeLinter
一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。并且支持多种语言、不需要热键——它在输入时就自动校验。
10.GBK Encoding Support
GBK与UTF之间转换,中国程序员必备
11.jsdocs
在js函数上方输入/**、回车,doc就生成好了,很神奇的插件
12.Goto-Css-Declaration
跳转到css文件该class定义处,方便查看修改编辑,注意对应的css文件要同时打开才行 super+. /super+,(super键即为windows键在ctrl和alt键之间)
13.SidebarEnhancements
侧边栏增强工具
14.TortoiseSVN
集成SVN版本控制功能
15.SFTP
提供FTP或SFTP服务器管理,通过配置远程文件显现功能
16.Git
集成Git功能
17.KeymapManager
管理所安装插件,通过快捷键ctrl+alt+K可以调出面板,然后选择要使用的插件,很实用。
18.JSMinifer
提供Js压缩功能,基于GG的closure complier,快捷键:ctrl+alt+M ,本机得配置好JDK
19.YUI Compressor
压缩JS和CSS文件,快捷键ctrl+B,可以自定义方法,本机得配置好JDK
可以将自己的修改的全部定义在Data/Packages/User/ 目录中,然后保存它们,这样随时可以将自己修改的同步到你所有设备上。
参考http://www.html5jscss.com/editor-sublimetext2-25.html
前端编辑神器---sublime text2的更多相关文章
- 前端开发神器Sublime Text2/3之安装使用(windows7/Mac)
一,到官方网站下载神器 地址:http://www.sublimetext.com/3 Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packag ...
- 前端神器之Sublime Text2/3简单明了使用总结
为什么叫神器呢? 我总结如下: 第一:也是最重要的,它占内存很小(就如同notepad++那般迅速打开,所以那款其实也不错~).一般IDE比如WebStorm(它也是一款神器来着),Aptana(也比 ...
- 学习web前端之神器sublime text 3
第一次在博客园写博客,以前都是看别人写的技术在自己慢慢的学习.现在想自己把每天学习的东西理解并记录下来,加深下印象以后可以做个回顾.不知道自己能否坚持每周至少写2篇博文. 古话说的好:工欲善其事,必先 ...
- 新一代的代码编辑神器Sublime Text 3(使用指南)
首先附上官网下载链接:http://www.sublimetext.com/3 接下来是安装sublime最强大的插件功能:Package Control 一.简单的安装方法 使用Ctrl+`快捷键或 ...
- 前端开发神器sublime Text
实用的sublime插件集合 – sublime必备插件 前言 入前端领域开始,就学着使用sublime,一直用起来很顺手,速度是我最欣赏的,快的没有编辑器可以匹敌.还是废话不多扯,入正题.好多有多少 ...
- 前端编辑神器Brackets
介绍 Brackets 是Adobe发布的一款免费.开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境.使用Node.js构建!官网:http://brackets.i ...
- 前端神器-神级代码编辑软件Sublime Text下载、使用教程、插件推荐说明、全套快捷键
Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器.Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能 ...
- 转: sublime text 2 前端编码神器-快捷键与使用技巧介绍
代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大.灵活的编辑器,相信你和我一样,都不会例外. 如果说 ...
- Sublime Text 使用指南 - 前端开发神器
Sublime Text 前端开发的神器 Sublime Text是一个前端开发者必备的编辑器,大量的插件,完善的功能,优越的性能,有非常多的特色,给前端开发提供了一个完善的开发条件. 本文主要介绍的 ...
随机推荐
- 使用a标签下载文件,而不是直接打开,使用属性 download
有的时候,下载的链接文件如果是普通文件类型,如txt,我们下载文件的时候,有的浏览器不会弹出下载框,.而是直接打开了该文件. 针对这种情况,我们只需要在a标签上加上download属性即可显示下载框. ...
- HDU 2222 Keywords Search(瞎搞)
Keywords Search Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Others ...
- 关于js的值传递和引用传递
最近在弄一个东西,明明就很简单的.不知道为啥有个坑,双向绑定,不过当有个数组为空时,它不会发送空的数组,而是不发送.这就坑爹了.导致老是删不掉. 处理了下,改成验证为空时,发送'[]‘字符串.成功.但 ...
- 构造方法,重载,static,math类(java基础知识七)
1.构造方法概述和格式 * A:构造方法概述和作用 * 给对象的数据(属性)进行初始化 * B:构造方法格式特点 * a:方法名与类名相同(大小也要与类名一致) * b:没有返 ...
- Android零碎知识点,之后会一直更新的哦!
view的getCompoundDrawables()方法,调用这个方法返回的是控件的左上右下四个位置的Drawable,并且返回的类型是数据 setBounds(x,y,width,height); ...
- LA-3029(扫描线)
题意: 给定一个n*m的矩阵,一些格子是空地“F”,一些是障碍"R",找出一个全部由F组成的面积最大的子矩阵; 思路: 对每个格子维护up[i][j],le[i][j],ri[i] ...
- codeforces 667C C. Reberland Linguistics(dp)
题目链接: C. Reberland Linguistics time limit per test 1 second memory limit per test 256 megabytes inpu ...
- 51Nod 1717
链接 分析:对于任意一个数,它的约数总是成对出现的,但是对于完全平方数,它因为有两个约数不相等,所以只会出现奇数次,所以最终的结果就是减去完全平方数 #include "iostream&q ...
- Linux Cache 机制
在阅读文章前,您应该具备基本的存储器层次结构知识,至少要了解局部性原理.要详细了解cache基本原理,可以参考本书<深入理解计算机系统>中存储器体系结构一章: 带着疑问来看文章,cache ...
- 【iOS】KVC 和 KVO 的使用场景
http://blog.csdn.net/chenglibin1988/article/details/38259865 Key Value Coding Key Value Coding是coc ...