node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »

suiseed

SUI起步项目

依赖说明:

jquery,sui, underscore文件已经部署在http://statics.servyou.com.cn/ 下

  1. jquery: http://statics.servyou.com.cn/jquery/1.12.4/jquery.min.js
  2. sui: http://statics.servyou.com.cn/sui-miniui/1.0.13/mini-all-min.js
  3. undersocre: http://statics.servyou.com.cn/underscore/1.8.0/underscore-min.js

html文件中@@include标记说明:

@@include('views/_footer.html'):导入_footer.html到当前html文件中。

underscore中模板用法,用于渲染html。

*html*
<script id="tpl" type="text/template">                  
    <div><%= name %></div>
    <div>
        <%if(sex == 'female'){%>
            <span>女</span>
        <%} else {%>
            <span>男</span>
        <%}%>
    </div>
</script>

*js*
var tplFun = _.template($('#tpl').html());
var resultHtml = tplFun({
    name: 'someone',
    sex: 'female'
});
$(targetElement).html(resultHtml);

gulp任务说明:

若报出gulp不是可执行命令这类错误,检查是否gulp包是否安装npm install --save-dev,检查gulp是否全局安装npm install -g gulp root> gulp watch // 监听文件修改,执行gulp默认任务 root> gulp // 执行默认任务,添加文件hashcode
root> gulp prod // 执行用于发布生产的任务,对比上一个任务增加了文件压缩处理