zoukankan      html  css  js  c++  java
  • 《转载》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/

  • 相关阅读:
    centos7.6 安装与配置 MongoDB yum方式
    MongoDB 介绍
    centos 关闭selinux
    前端 HTML标签属性
    前端 HTML 标签嵌套规则
    前端 HTML 标签分类
    前端 HTML body标签相关内容 常用标签 表单标签 form里面的 input标签介绍
    前端 HTML body标签相关内容 常用标签 表单标签 form 表单控件分类
    前端 HTML form表单标签 select标签 option 下拉框
    POJ 1426
  • 原文地址:https://www.cnblogs.com/BiakeChou/p/2569402.html
Copyright © 2011-2022 走看看