分享 vue、vue history 路由模式、vue 多頁(yè)面、vue 靜態(tài)頁(yè)面生成、vue ssr 后端渲染、express、koa2 等基于 webpack 的前端項(xiàng)目模板。

1. blog github

說明

vuepress 技術(shù)，vue markdown 靜態(tài)博客生成器

一個(gè)基于 VuePress 構(gòu)建的用于前端學(xué)習(xí)、筆記記錄、趣文推薦的個(gè)人博客網(wǎng)站

啟動(dòng)

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

cd blog

yarn && yarn dev

地址

2. vue github

說明

vue webpack 技術(shù)

vue 單頁(yè)項(xiàng)目模板，手寫 webpack 配置

啟動(dòng)

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

cd vue

yarn && yarn dev

地址

3. vssr github

說明

vue ssr 服務(wù)端渲染技術(shù)

遠(yuǎn)程服務(wù)器使用 3007 端口，基于 node.js、pm2

vue 服務(wù)端渲染模板 webpack 配置，解決 seo 問題

啟動(dòng)

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

cd vssr

yarn && yarn dev

地址

4. vhistory github

說明

vue history router

vue history 路由模式 webpack 配置，本地和遠(yuǎn)程服務(wù)器都得做配置，把所有頁(yè)面先轉(zhuǎn)到首頁(yè)再分發(fā)到具體路由

啟動(dòng)

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

cd vhistory

yarn && yarn dev

地址

5. vmultiple github

說明

vue 多頁(yè)面結(jié)構(gòu) webpack 配置

打包輸出多個(gè)獨(dú)立的頁(yè)面

啟動(dòng)

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

cd vmultiple

yarn && yarn dev

地址

6. vhtml github

說明

vue 靜態(tài)頁(yè)面生成器

vue 路由子頁(yè)面生成靜態(tài)頁(yè)面輸出，解決 seo 問題，前提是網(wǎng)站內(nèi)容大部分都是靜態(tài)的

啟動(dòng)

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

cd vhtml

yarn && yarn dev

地址

7. koa2 gitee

說明

node.js koa2 項(xiàng)目模板

使用端口 3389

可以作為頁(yè)面網(wǎng)站使用，也可以作為接口 api 使用

啟動(dòng)

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

cd koa2

yarn && yarn dev

地址

8. express github

node.js express 項(xiàng)目模板

使用端口 3006

可以作為頁(yè)面網(wǎng)站使用，也可以作為接口 api 使用

啟動(dòng)

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

cd express

yarn && yarn dev

地址

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。