All Projects → BingKui → static-html-template

BingKui / static-html-template

Licence: MIT license
静态页面网站快速开发环境,支持自动刷新页面,less样式预处理。

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to static-html-template

emitty
A platform for finding dependencies between files and building tools for incremental compilation or build.
Stars: ✭ 69 (+263.16%)
Mutual labels:  less
criteria-of-quality-frontend
Критерии качественной вёрстки (разметка, стилизация, картинки, шрифты, автоматизация и пр.)
Stars: ✭ 26 (+36.84%)
Mutual labels:  less
WPKirk
A WP Bones skeleton Plugin
Stars: ✭ 28 (+47.37%)
Mutual labels:  less
Core CSS
This repo no more maintained! All features and components moved to Metro 4.
Stars: ✭ 36 (+89.47%)
Mutual labels:  less
lessram
Pure PHP implementation of array data structures that use less memory.
Stars: ✭ 20 (+5.26%)
Mutual labels:  less
Better-Less
Cross-compatible syntax highlighting for Less
Stars: ✭ 13 (-31.58%)
Mutual labels:  less
react-antd
基于react + redux + immutable + less + ES6/7 + webpack2.0 + fetch + react-router + antd实现的SPA后台管理系统模板
Stars: ✭ 320 (+1584.21%)
Mutual labels:  less
leo-ui
UI组件库
Stars: ✭ 16 (-15.79%)
Mutual labels:  less
barebones
A minimal CSS boilerplate - UNMAINTAINED
Stars: ✭ 37 (+94.74%)
Mutual labels:  less
boilerplate-nextjs-antd-less
A boilerplate for Reactjs app using nextjs, redux, antd, less
Stars: ✭ 45 (+136.84%)
Mutual labels:  less
react-mobile
从0构建 react 移动端框架,包含 分模块打包,自动转为rem,强大的路由功能,并配置dva,and-mobile等优质组件(项目会逐渐迭代~)
Stars: ✭ 30 (+57.89%)
Mutual labels:  less
react
react 项目骨架
Stars: ✭ 12 (-36.84%)
Mutual labels:  less
next-plugin-antd-less
🎩 Use Antd (Less) with Next.js v12, Zero Dependency on other Next-Plugins.
Stars: ✭ 338 (+1678.95%)
Mutual labels:  less
jess
If you like CSS, Less, Sass, and/or CSS modules, you're gonna want to star this repo.
Stars: ✭ 26 (+36.84%)
Mutual labels:  less
campus-leaflets
校园传单是一个使用 Node.js、MongoDB、Koa、EJS、MDL、Less、RequireJS 和 Gulp 开发的 Node 应用程序。
Stars: ✭ 16 (-15.79%)
Mutual labels:  less
mei-tools-atom
Package for the Atom text editor that provides on-the-fly music notation rendering for MEI with Verovio
Stars: ✭ 17 (-10.53%)
Mutual labels:  less
muleify
Muleify - Static Site Generator | Website Bundler | Asset Compiler | Templating | Preproccessor
Stars: ✭ 16 (-15.79%)
Mutual labels:  less
vue-wechat-desktop
🔥Vue 全家桶仿mac微信
Stars: ✭ 22 (+15.79%)
Mutual labels:  less
less-plugin-functions
Write custom Less functions in Less itself
Stars: ✭ 111 (+484.21%)
Mutual labels:  less
node-less-chokidar
Watch and build CSS from LESS, compatible with Create React App
Stars: ✭ 21 (+10.53%)
Mutual labels:  less

static-html-template

静态页面网站快速开发环境,支持自动刷新页面,less样式预处理。

本项目主要为了快速创建一个官网类的全静态页面做技术支持,做到快速创建、快速开发、快速发布。

项目创建

使用 cli 工具进行项目创建,快速创建一个能够进行开发的项目。

全局安装:

> npm i -g sht-cli

创建项目:

> sht new

根据提示输入,就可以创建一个项目了。

开发环境准备

安装依赖

项目依赖node版本:v10.10.0

项目使用到了 gulp 需要全局安装。

> npm i -g gulp

项目根目录下,执行安装命令。

> npm i

项目使用到一个 Chrome 插件: LiveReload。

开发

运行项目

> npm start

打包发布

> npm run build

项目资源会全部打包到 build 目录下。

目录说明:

config: 配置存放目录, 存放相应的配置文件

img: 图片资源存放文件夹

js: js 资源存放文件夹

less: less 样式文件存放目录,会生成相应的 css 文件,存放在 style 文件夹

style: 样式文件存放目录

view: html 页面存放目录

build: 打包发布生成的目录,资源会全部放在这个文件夹,并进行压缩

可自己改造的地方

  • 合并所有 css 文件为一个文件,并对相应页面引用做修改
  • 合并所有的 js 文件为一个文件,并对相应页面引用做修改
  • 修改 less 预处理器为 sass

新支持功能

  • 命令行创建页面,包括完成 html 、 less 文件,并完成相应的引用配置
  • cli 操作方式,创建项目(完成)
  • GUI 操作界面,新建项目,管理项目,新增页面等功能

更新日志

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].