分享 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

地址

總結

以上是生活随笔為你收集整理的java 前端模板_前端项目模板的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。