• Sublime的使用!emmet常用快捷键梳理


    多的不说了!

    示例一:

    !+tab

    效果:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
        
    </body>
    </html>

    示例二:

    html:xt + tab

    效果:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    </head>
    <body>
    
    </body>
    </html>

    示例三:

    .div>(.header)(.footer)

    效果

    <div class="div">
        <div class="header"></div>
        <div class="footer"></div>
    </div>

    1、Sublime(3083 x64):

    下载地址:http://files.cnblogs.com/files/netWild/SublimeTextBuild3083x64Setup.zip

    下载后正常安装,激活码:

    Andrew Weber
    Single User License
    EA7E-855605
    813A03DD 5E4AD9E6 6C0EEB94 BC99798F
    942194A6 02396E98 E62C9979 4BB979FE
    91424C9D A45400BF F6747D88 2FB88078
    90F5CC94 1CDC92DC 8457107A F151657B
    1D22E383 A997F016 42397640 33F41CFC
    E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
    5CDB7036 E56DE1C0 EFCC0840 650CD3A6
    B98FC99C 8FAC73EE D2B95564 DF450523

    2、汉化包:

    下载地址:http://files.cnblogs.com/files/netWild/Sublime_Text_CN_3059.zip

    下载后解压缩,复制里面的 Default.sublime-package 文件到 Sublime 的 默认安装目录/Packages 文件夹下

    3、自定义配置:

    Preferences > 设置 - 用户:

    {
        "default_encoding": "UTF-8",
        "font_face": "Microsoft YaHei UI",
        "font_size": 12,
        "ignored_packages": [
            "Vintage"
        ],
        "line_padding_bottom": 1,
        "line_padding_top": 1,
        "tab_size": 2, //TAB宽度
        "translate_tabs_to_spaces": false, //是否将TAB替换成空格
        "expand_tabs_on_save": false, //是否在保存时将TAB替换成空格
        "update_check": false, //自动更新
        "word_wrap": false //自动换行
    }

    4、安装Sublime Package Control:

    使用 Ctrl+` 快捷键打开 Sublime的命令行面板,复制粘贴:

    import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

     回车之后,就会发现在 Preferences 菜单下会多出两个子菜单:Package settings、Package Control

    5、安装 Emmet 插件:

    选择菜单:Preferences -> Package Control -> Install Package

    输入:Emmet 回车

    点击搜索结果中的 Emmet 条目,即可安装插件,完成后重启 Sublime

    就可以体验 Sublime + Emmet 的畅快啦!

    6、Emmet的更多用法:

  • 相关阅读:
    C++学习笔记 继承,虚基类
    C++ 学习笔记 静态成员与常成员
    C++学习笔记,初始化列表与构造函数
    C++ 学习笔记 运算符优先级
    C++学习笔记 this指针,对象数组,对象指针数组;
    C++初级基础笔记 标识符 关键字
    C++学习笔记 指向类的数据成员的指针
    C++学习笔记 const修饰类成员与成员函数
    虚幻学习day2 简单手电筒与开关门效果(一)
    虚幻学习Day1(二) 触碰控制灯光开关
  • 原文地址:https://www.cnblogs.com/e0yu/p/7866409.html
Copyright © 2020-2023  润新知