java 前端模板_前端项目模板

分享 vue、vue history 路由模式、vue 多页面、vue 静态页面生成、vue ssr 后端渲染、express、koa2 等基于 webpack 的前端项目模板。

1. blog github

说明

vuepress 技术，vue markdown 静态博客生成器

一个基于 VuePress 构建的用于前端学习、笔记记录、趣文推荐的个人博客网站

启动

git clone git@github.com:cjm0/blog.git

cd blog

yarn && yarn dev

地址

2. vue github

说明

vue webpack 技术

vue 单页项目模板，手写 webpack 配置

启动

git clone git@github.com:cjm0/vue.git

cd vue

yarn && yarn dev

地址

3. vssr github

说明

vue ssr 服务端渲染技术

远程服务器使用 3007 端口，基于 node.js、pm2

vue 服务端渲染模板 webpack 配置，解决 seo 问题

启动

git clone git@github.com:cjm0/vssr.git

cd vssr

yarn && yarn dev

地址

4. vhistory github

说明

vue history router

vue history 路由模式 webpack 配置，本地和远程服务器都得做配置，把所有页面先转到首页再分发到具体路由

启动

git clone git@github.com:cjm0/vhistory.git

cd vhistory

yarn && yarn dev

地址

5. vmultiple github

说明

vue 多页面结构 webpack 配置

打包输出多个独立的页面

启动

git clone git@github.com:cjm0/vmultiple.git

cd vmultiple

yarn && yarn dev

地址

6. vhtml github

说明

vue 静态页面生成器

vue 路由子页面生成静态页面输出，解决 seo 问题，前提是网站内容大部分都是静态的

启动

git clone git@github.com:cjm0/vhtml.git

cd vhtml

yarn && yarn dev

地址

7. koa2 gitee

说明

node.js koa2 项目模板

使用端口 3389

可以作为页面网站使用，也可以作为接口 api 使用

启动

git clone git@gitee.com:cjm0/koa2.git

cd koa2

yarn && yarn dev

地址

8. express github

node.js express 项目模板

使用端口 3006

可以作为页面网站使用，也可以作为接口 api 使用

启动

git clone git@github.com:cjm0/express.git

cd express

yarn && yarn dev

地址