美文网首页前端成长路前端开发fun
Sublime Text 新建文件快速生成Html【头部信息】和

Sublime Text 新建文件快速生成Html【头部信息】和

作者: faith3729 | 来源:发表于2015-10-21 15:28 被阅读33789次
    • 安装package control
      简单的安装方法:
      从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码:

    Sublime Text 3:

    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())
    

    Sublime Text 2:

    import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
    

    更多请参考
    插件大全1例如:ColorPicker
    插件大全2

    • 安装汉化包

    ctrl+`,复制命令或者直接复制下面:
    import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

    1.点击Preferences/Package Control,然后点击Package Control:Install Package,(第一次运行可以要几秒钟,因为要下载Package Control里面存在的包"花名册"),然后在弹出的命令界面,输入Chinese,选择ChineseLocalization(回车或者鼠标单击击)。
    2.切换语言,帮助(H)/Language/简体中文,繁体中文,日本语,English。

    • 安装FileHeader插件

    自动创建文件开头模板,并且会根据最后的保存时间修改更新时间

    • 安装CSS Format插件

    css格式化

    • 安装emmet插件

    1、command + shift + p调出命令窗口,输入install,选中package control:install package,等待
    2、command + shift + p调出命令窗口,输入emmet
    3、【如果】删除已安装插件:按ctr+shift +p然后输入remove 回车,再输入要删除的插件名。

    开始使用:输入以下简写,按tab键

    html:5

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

    注意:
    编写中文网页,记得把头部语言改为 <html lang="zh-cn"> 而不是<html lang="en">

    html:xt【过渡型,PC端适应老式浏览器】tips:DW生成的过渡类型文件没有:xml:lang="en"

    <!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>
    

    html:4t

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    </head>
    <body>
    
    </body>
    </html>
    

    html:4s

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    </head>
    <body>
    
    </body>
    </html>
    

    html:xxs

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.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>
    

    ul#nav>li.itemS*4>a{Item $}

    <ul id="nav">
        <li class="itemS"><a href="">Item 1</a></li>
        <li class="itemS"><a href="">Item 2</a></li>
        <li class="itemS"><a href="">Item 3</a></li>
        <li class="itemS"><a href="">Item 4</a></li>
    </ul>
    

    官方语法文档

    点击这里

    相关文章

      网友评论

      本文标题:Sublime Text 新建文件快速生成Html【头部信息】和

      本文链接:https://www.haomeiwen.com/subject/loqthttx.html