美文网首页
前端学习笔记_Sublime配置插件-SublimeTmpl

前端学习笔记_Sublime配置插件-SublimeTmpl

作者: 质真如渝 | 来源:发表于2015-12-22 22:09 被阅读5150次

一款前端开发的利器Sublime

下载/安装Sublime

安装插件SublimeTmpl

  1. Ctrl+Shift+P调出面板后输入Install Package:

无法安装插件解决方式之一:
找到hosts文件增加 50.116.34.243 sublime.wbond.net
hosts文件在 c:\windows\system32\drivers\etc\hosts下

  1. 输入SublimeTmpl:

配置SublimeTmpl

安装成功后,首先找到:Preferences->Package Settings->SublimeTmpl->Settings Default,将内容复制到Preferences->Package Settings->SublimeTmpl->Settings User,在User里面进行模版配置。
例如:

{
    "disable_keymap_actions": false, // "all"; "html,css"
    "date_format" : "%Y-%m-%d %H:%M:%S",
    "attr": {
        "author": "cjj",
        "email": "cjj@example.org",
        "link": "http://cjj.org",
        "copyright":"cjj Web company"
    }
}

配置好以后在Preferences->Browse Packages找到SublimeTmpl,首先查看README.md文档,之后修改templates文件夹下的文件,根据需求修改,例如修改html.tmpl:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1">
    <meta name="author" content="cjj">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
    <link href="" rel="stylesheet">
        <!-- ${author}在${date}编写 ${copyright}-->
</head>
<body>

    $0

</body>
</html>

配置好以后进行保存,根据README.md文档按快捷键ctrl+alt+h就可以使用配置好以后的模版了~js也是如此配置,具体请查看帮助。

相关文章

网友评论

      本文标题:前端学习笔记_Sublime配置插件-SublimeTmpl

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