• 前端编辑神器---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

  • 相关阅读:
    springmvc(8)ajax&json处理
    springmvc(7) 文件上传
    springmvc(6)乱码及restful风格
    springmvc(5)数据的处理
    java面试题复习(八)
    java面试题复习(七)
    java面试题复习(六)
    java面试题复习(五)
    java面试题复习(四)
    java面试题复习(三)
  • 原文地址:https://www.cnblogs.com/jessiecaisme/p/3169211.html
Copyright © 2020-2023  润新知