Giter Club home page Giter Club logo

north's Introduction

north

##一、开发环境 1、必须安装node, 2、必须安装grunt 3、必须安装git ##二、目录 /pages 存放静态文件 /public_dev 存放静态资源 images 存放图片 css 存放css文件 js 存放js文件 lib 存放js库文件 ##三、开发步骤 头部和底部已经统一引用,新文件不需要再次引用;使用了swig模版引擎来渲染文件 1、安装需要的包 npm install 2、在pages里面新建文件 eg:demo.html {% extends 'layout.html' %} {% block content %}

This is just an awesome page.

{% endblock %} 在{% block content %}{% endblock %}中写自己的html代码 3、新加css文件引入 在layout.html中添加 ##四、调试 1、首次开始开发调试,在控制台中,进入开发根目录,执行grunt 2、浏览器打开生成在www目录下相应的文件即可 3、开发调试时,在控制台中,进入开发根目录,执行grunt watch,每次更新完html、css、js后直接刷新页面,不用重复执行grunt ##五、提示 修改css或者js不用重新执行grunt,只有修改html文件才执行grunt

north's People

Contributors

anyanhui avatar

Stargazers

Swartz Teng avatar

Watchers

 avatar Swartz Teng avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.