• 《转载》Sublime Text 2 相关


    最近用到这款工具 觉得还不错,网上找了一些教程:

    下面是 Lucifr 的三篇介绍:
    Sublime Text 2 入门及技巧
    ZenCoding in Sublime Text 2
    Sublime Text 2 实用快捷键[Mac OS X]

    Sublime Text 2 右键菜单中的实用选项
    以及 istyles 的:
    Sublime Text 2 快捷键 (windows)

    Ctrl+L 选择整行(按住-继续选择下行)
    Ctrl+KK 从光标处删除至行尾
    Ctrl+Shift+K 删除整行
    Ctrl+Shift+D 复制光标所在整行,插入在该行之前
    Ctrl+J 合并行(已选择需要合并的多行时)
    ctrl+ku 改为大写
    Ctrl+KL 改为小写
    Ctrl+D 选词 (按住-继续选择下个相同的字符串)
    Ctrl+M 光标移动至括号内开始或结束的位置
    Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)
    Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
    Ctrl+Shift+/ 注释已选择内容
    Ctrl+Space 自动完成(win与系统快捷键冲突,需修改)
    Ctrl+Z 撤销
    Ctrl+Y 恢复撤销
    Ctrl+Shift+V 粘贴并自动缩进
    Ctrl+M 光标跳至对应的括号
    Alt+. 闭合当前标签
    Ctrl+Shift+A 选择光标位置父标签对
    Ctrl+Shift+[ 折叠代码
    Ctrl+Shift+] 展开代码
    Ctrl+KT 折叠属性
    Ctrl+K0 展开所有
    Ctrl+U 软撤销
    Ctrl+T 词互换
    Tab 缩进
    Shift+Tab 去除缩进
    Ctrl+Shift+UP 与上行互换
    Ctrl+Shift+DOWN 与下行互换
    Ctrl+K Backspace 从光标处删除至行首
    Ctrl+Enter 插入行后
    Ctrl+Shift Enter 插入行前
    F9 行排序(按a-z)

     

     常用插件 转载(http://www.kekaku.com/webdevelop/1059

    1、安装包控制(Package Control) 

    打开Sublime Text 2,按快捷键 ctrl+` 或者点击 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())

    重新启动Sublime Text 2,如果在Preferences → Package Settings 中看到 Package Control 这一项,就说明安装成功了。

     

    2、安装Alignment插件

    对于喜欢整齐的玛民来说,这不失为一个省事的插件。该插件可以通过上面安装好的 Package Control 来安装:

    按ctrl + shift + P调出命令面板;

    输入 install 调出 Package Control:Install Package 选项,并回车;

    输入Alignment,选中并按回车安装;

    重启Sublime Text 2,选中文本并按ctrl + alt + a 就可以进行对齐操作了。

     

    3、安装 Soda 主题

    这里的主题不同于针对代码的 color scheme,而是针对Sublime Text 2该软件本身的主题,该主题也可以通过万能的 Package Control 来安装。

    按ctrl + shift + P调出命令面板;

    输入 install 调出 Package Control:Install Package 选项,并回车;

    输入 theme soda 选中后回车即可安装;

    安装完之后要激活主题,打开 Preferences → Settings – User,加上以下代码保存即可生效:

    "theme": "Soda Light.sublime-theme" 或者 "theme" : "Soda Dark.sublime-theme"

     

    4、jsFormat插件

    格式化js:选中一段文本,control+alt+f。

    5、ZenCoding插件(Zen Coding: 一种快速编写HTML/CSS代码的方法

    tab键自动完成

    Emmet

    Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)上看下具体的视频教程。当然在sublime text中emmet的快捷键有些改变,按tab或ctrl+e都可以扩展,具体的其他快捷键改变请参看emmet sublime

    另:安装emmet升级版本之后,会弹出一个package control message里面有一些它升级的信息,建议大家读下。里面有一条说是升级后tab键太强大了,把自定义的一些代码片段都给覆盖了,所以如果你自定义了一些自己的代码片段,你就得处理下了。原文如下“By default, Emmet allows you to expand abbreviations with Tab key in HTML, XML, HAML and CSS/SASS/LESS/Stylus documents. As a side effect, you can’t use some of your ST2 snippets.”。我目前的处理方法是在Emmet.sublime-settings文件中直接禁用了tab键,设置disable_completions为true。关于emmet的第二点经验就是如何更改emmet里面的代码,在emmet插件里面找到snippets.json这个文件,打开看看,找到你想修改的,如"d:ib": "display:inline-block;"这条我们把后面修改成"display:inline-block;*display:inline;*zoom:1;"

    liveReload

    顾名思义,就是自动更新,而不需要我们编辑一次就手动刷新一下。

    安装好liveReload插件之后,就是给浏览器安装相应的插件了,在readme中可以找到谷歌和火狐的插件地址分别为:Google Chrome extension, Firefox 4 extension

    yui compressor

    yui压缩,可以压缩js和css文件,运行于java环境,安装之后,同样可以参考readme文件,就知道它是怎么用的了

    Search in Browser

    这个就是直接在编辑器中直接快捷键“ctrl+alt+g”,打开谷歌搜索,当然还有其他的,可以参考readme文件,同样还有一个插件stackoverflow search,可以直接在stackoverflow里面搜索你的问题。

    nettuts fetch

    这个插件能让你快速的取得远程文件或文件夹,而不用再去翻找。使用方法很简单,总共有三个命令,分别是fetch:file,fetch:manage和fetch:package如下图:

    TortoiseSVN

    git

    gist(线上代码片段)

    格式化代码

    cssFormat

    jsFormat

    Tag(可以格式化html,有注释的时候表现不是很理想)

    其他插件

    bracket highlighter(括弧高亮显示)

    Goto-CSS-Declaration(跳转到css文件该class的声明处,注意对应的css文件要同时打开才行)

    jquery package,scss(支持scss的语法高亮)

    Clipboard History(剪切板历史,可以保存多个复制信息,按下ctrl+alt+v,可以选择历史剪切板)

    更多常用插件http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html

                     http://www.ueder.net/2012/03/08/%E4%BB%8Enotepad-%E5%88%B0-sublime-text2/

  • 相关阅读:
    Ambient Intelligence in Networked Society
    如何定位问题及如何区分前后端BUG
    接口测试-结合Postman的使用
    Selenium的PageObject设计模式(2)
    Selenium的PageObject设计模式(1)
    Git+Pycharm 分布式版本管理
    php中不用内置函数实现字符串转整形
    mysql中case使用
    快速排序
    魔术方法__sleep(),__wakeup()
  • 原文地址:https://www.cnblogs.com/BiakeChou/p/2569402.html
Copyright © 2020-2023  润新知