zoukankan      html  css  js  c++  java
  • sublime 使用快捷键

    Goto Anything  快捷键 Ctrl+P (支持模糊匹配)

    1,查找文件   在查找框中输入文件目录(知道目录直接输入目录,不知道目录直接输入页面名称即可。支持模糊匹配)  index.html

    2,查找本页面的内容  在查找框输入 @.container   也可以使用#.container(匹配页面中的内容)快捷键Ctrl+;  查找到内容后  可以使用  Ctrl+回车(跳转到下面一行开头开始书写)

    Tools Command Palette 工具---命令面板  快捷键 Ctrl + Shift + P

    1,在命令框输入:set syntax: html       这是设置html语法。

    sublime支持模糊匹配,所以可以直接输入 html,使用方向键选择也可以。

    也可以 syntax html  等等。

    最简洁切换语法:sshtml 回车即可。

    2,也可以用来开启或者关闭某个窗口 如:minimap 小视图

    也可以在命令面板输入:minimap  使用方向键选择,然后回车即可开启或者关闭该窗口。

    以上两个命令可以合并使用如下:

    1,Ctrl + P  打开查找页面Goto Anything

    2,在输入框输入:public/index/index.css/.container 支持模糊匹配  回车即可。选择时,可以使用方向键进行导航。

    sublime中的 emmet插件可以快速补充关闭标签。

    1,! +  Ctrl + E  可以快速出现HTML5的框架。

    2,ul>.item$*10  + Ctrl+E 就会出现一个有10个从 .item1 到 .item10的 li 无序列表。这里的 $ 表示序号 从1 开始。

    3,Ctrl + }    缩进,      Ctrl + {    减少缩进

    4,Ctrl + C 复制  Ctrl + Shift + V 缩进黏贴   Ctrl + V 黏贴(不好用)

    p{ wo ai ni }  输出结果:<p> wo ai ni </p>

    { } 大括号表示:输出的内容。

    Ctrl + Shift + 回车   想要在光标上面一行进行输入时,可以使用 Ctrl + Shift + 回车。

    在<script> </script>输入时会使用到这个快捷键。

    --------------------------

    Ctrl + H 查找替换    点击Replace All 关闭窗口

    Ctrl + D  双击选中一个单词,重复按Ctrl+D,可以选中下面多个先前选中的单词。

    Ctrl + D  和  Ctrl + K   合并使用:选中单词 重复按Ctrl+D选中下一个,使用Ctrl+K不选中当前项,按Ctrl+D选中下面一个。

    Ctrl + 鼠标左键   可以出现多行游标。

    Alt + F3 双击选中一个单词 点击Alt+F3可以全部选中

    当前游标+鼠标右键向上或向下拖动,出现多行游标。

    Ctrl + Shift + D 复制当前行的文本。

     =================

    隐藏/显示侧边栏有两个按键组成:Ctrl + K,  Ctrl + B  每次都是两个键进行切换隐藏或者显示。

     ==================

    p200               padding: 200px;

    m300              margin: 300px;

    ml50 + Tab  =>  margin-left:50px;   同理:    mt50 mr50 mb50 ml50

    pt50 + Tab =>  padding-top: 50px;     同理: pt50  pr50 pb50 pl50

    fl                     float: left;                         同理:fr

    cb                  clear: both;

    cll    clear: left;

    clr    clear: right;

    ta    text-align: left;

    h20    height: 20px;

    w30     30px;

    op1            opacity: 1;                     op0

    vv                visibility: visible;        vh       visibility: hidden;

    bd                border: ;     bdt  bdr bdb bdl

    posa    position: absolute;        posr   posf(position: fixed;)  poss     

    zi100    z-index: 100;

    r100              right:100px;      t100 l100 b100

    bg                 background: #000;

    oh                 overflow: hidden;

    whs    white-space: ;

    whsw           white-space: nowrap;

    tg + Tab  =>  target=''

    db + Tab   => display:block    dn   dib  

    dl + Tab   =>  dl > dt dd

    lh + Tab  =>  line-height: 

    ti100            text-indent: 100px;

    list-style-type:

    无序列表:

    none:无标记

    disc:实心圆

    circle:空心圆

    aquare:实心方块

    有序列表

    none:无标记

    decimal:数字

    lower-roman:小写罗马数字

    upper-roman:大写罗马数字

    lower-alpha:小写英文字母(lower-latin也是小写拉丁字母)

    upper-alpha:大写英文字母

    hiragana  :平假名排列

  • 相关阅读:
    CSS中position小解
    position
    mac默认安装postgresql, 如何让postgresql可以远程访问
    The data directory was initialized by PostgreSQL version 9.6, which is not compatible with this version 10.0.
    active admin gem error
    psql 无法添加超级用户
    ubuntu 15.04 安装Balsamiq Mockups 3
    Rails html 写public里图片的路径
    rails c 历史命令
    undefined local variable or method `per' for []:ActiveRecord::Relation
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/10711081.html
Copyright © 2011-2022 走看看