前端模板构建静态站点模板

黑白配色的前端模板,挺适合用来搭静态站点的。结构清晰,用法也比较顺手。创建项目的时候直接用 curl 拉下来,解压就能用,挺方便的。

模板里自带了些常用配置,像 .githubrenovate.json 这些,如果你不需要,初始化后可以删掉,保持干净清爽。

Node.js 14+ 是必须的,配合 Volta 切版本也稳。装完依赖后,一键启动 yarn dev,热更新响应挺快,开发体验还不错。

项目还集成了 ESLintStylelint,分别针对 .js.scss 文件。你可以用 yarn lint 一把梭,也可以单独跑 lint:scriptslint:styl

哦对了,如果你对热更新感兴趣,可以看看 connect-chokidarWebpack 实现 Node.js 热更新,都挺有用的。

,这个模板适合需要快速起手构建静态站点的你,不花哨但挺实用。如果你有自己的工具链需求,删改也容易。

zip
front-end-template-master.zip 预估大小:82个文件
folder
front-end-template-master 文件夹
file
.env.example 108B
file
.huskyrc.js 70B
file
.gitattributes 19B
folder
.github 文件夹
folder
workflows 文件夹
file
ci.yml 405B
file
config-schema.js 640B
file
postcss.config.js 231B
file
yarn.lock 435KB
file
.node-version 3B
file
.eslintrc.js 608B
file
webpack.config.js 2KB
file
config.js 189B
file
.prettierignore 5B
file
.htmlhintrc 914B
file
babel.config.js 210B
folder
.vscode 文件夹
file
extensions.json 157B
file
settings.json 29B
file
.eleventy.js 2KB
file
.stylelintrc.js 166B
folder
gulpfile.js 文件夹
folder
utils 文件夹
file
ignore.js 373B
file
pipe-if.js 243B
file
.eslintrc.js 156B
folder
tasks 文件夹
file
styles.js 2KB
file
clean.js 142B
file
copy.js 799B
file
templates.js 299B
file
serve.js 610B
file
build.js 348B
file
start.js 141B
file
scripts.js 497B
file
index.js 392B
file
images.js 1KB
file
index.js 64B
file
common.js 98B
file
.yarnrc 41B
file
.stylelintignore 5B
file
LICENSE 1KB
folder
assets 文件夹
folder
styles 文件夹
folder
pages 文件夹
folder
common 文件夹
file
style.scss 88B
folder
index 文件夹
file
style.scss 12B
folder
utils 文件夹
file
_index.scss 91B
file
_visually-hidden.scss 82B
file
_clearfix.scss 68B
file
_display.scss 551B
file
_visually-hidden-focusable.scss 102B
folder
layouts 文件夹
file
_index.scss 26B
file
_main.scss 17B
file
_page.scss 17B
folder
base 文件夹
folder
_typography.scss 文件夹
file
_index.scss 51B
file
_base.scss 911B
folder
_animations.scss 文件夹
file
main.scss 293B
folder
components 文件夹
file
_header.scss 19B
file
_index.scss 30B
file
_footer.scss 19B
folder
abstracts 文件夹
file
_mixins.scss 858B
file
_variables.scss 1KB
file
_index.scss 63B
file
_functions.scss 434B
folder
images 文件夹
folder
pages 文件夹
folder
common 文件夹
folder
.gitkeep 文件夹
folder
index 文件夹
folder
.gitkeep 文件夹
folder
components 文件夹
folder
.gitkeep 文件夹
folder
scripts 文件夹
folder
pages 文件夹
folder
index.js 文件夹
file
common.js 20B
file
viewport.js 350B
file
README.md 2KB
file
.lintstagedrc.js 614B
file
renovate.json 225B
file
.editorconfig 188B
folder
templates 文件夹
folder
_includes 文件夹
folder
pages 文件夹
folder
common 文件夹
folder
gtm-head.njk 文件夹
folder
gtm-body.njk 文件夹
folder
index 文件夹
folder
.gitkeep 文件夹
folder
layouts 文件夹
file
base.njk 2KB
folder
components 文件夹
file
footer.njk 35B
file
header.njk 35B
folder
_data 文件夹
file
site.js 75B
file
index.njk 297B
file
index.11tydata.js 113B
file
.gitignore 6KB
file
.prettierrc.js 57B
file
.eslintignore 25B
file
package.json 2KB
folder
static 文件夹
folder
.gitkeep 文件夹
...
zip 文件大小:205.28KB