前端项目模板
时间:2023-06-12 16:09:01 | 来源:网站运营
时间:2023-06-12 16:09:01 来源:网站运营
前端项目模板:
分享 vue、vue history 路由模式、vue 多页面、vue 静态页面生成、vue ssr 后端渲染、express、koa2 等基于 webpack 的前端项目模板。
1. blog github
说明
vuepress
技术,
vue markdown
静态博客生成器
一个基于
VuePress
构建的用于前端学习、笔记记录、趣文推荐的个人博客网站
启动
git clone git@github.com:cjm0/blog.gitcd blog yarn && yarn dev
地址
github 地址
https://github.com/cjm0/blog项目预览 blog.bigqianduan.top
2. vue github
说明
vue webpack
技术
vue 单页项目模板,手写 webpack 配置
启动
git clone git@github.com:cjm0/vue.gitcd vue yarn && yarn dev
地址
github 地址
https://github.com/cjm0/vue项目预览 vue.bigqianduan.top
3. vssr github
说明
vue ssr
服务端渲染技术
远程服务器使用 3007 端口,基于
node.js、pm2
vue 服务端渲染模板 webpack 配置,解决 seo 问题
启动
git clone git@github.com:cjm0/vssr.gitcd vssr yarn && yarn dev
地址
github 地址
https://github.com/cjm0/vssr项目预览 vssr.bigqianduan.top
4. vhistory github
说明
vue history router
vue history
路由模式 webpack 配置,本地和远程服务器都得做配置,把所有页面先转到首页再分发到具体路由
启动
git clone git@github.com:cjm0/vhistory.gitcd vhistory yarn && yarn dev
地址
github 地址
https://github.com/cjm0/vhistory项目预览 vhistory.bigqianduan.top
5. vmultiple github
说明
vue 多页面结构 webpack 配置
打包输出多个独立的页面
启动
git clone git@github.com:cjm0/vmultiple.gitcd vmultiple yarn && yarn dev
地址
github 地址
https://github.com/cjm0/vmultiple项目预览 vmultiple.bigqianduan.top
6. vhtml github
说明
vue 静态页面生成器
vue 路由子页面生成静态页面输出,解决 seo 问题,前提是网站内容大部分都是静态的
启动
git clone git@github.com:cjm0/vhtml.gitcd vhtml yarn && yarn dev
地址
github 地址
https://github.com/cjm0/vhtml项目预览 vhtml.bigqianduan.top
7. koa2 gitee
说明
node.js koa2 项目模板
使用端口 3389
可以作为页面网站使用,也可以作为接口 api 使用
启动
git clone git@gitee.com:cjm0/koa2.gitcd koa2 yarn && yarn dev
地址
gitee 地址
https://gitee.com/cjm0/koa2项目预览 koa2.bigqianduan.top
8. express github
node.js express 项目模板
使用端口 3006
可以作为页面网站使用,也可以作为接口 api 使用
启动
git clone git@github.com:cjm0/express.gitcd express yarn && yarn dev
地址
github 地址
https://github.com/cjm0/express项目预览 express.bigqianduan.top