前端項目模板
時間：2023-06-12 16:09:01 | 來源：網(wǎng)站運營
時間：2023-06-12 16:09:01 來源：網(wǎng)站運營
前端項目模板：
分享 vue、vue history 路由模式、vue 多頁面、vue 靜態(tài)頁面生成、vue ssr 后端渲染、express、koa2 等基于 webpack 的前端項目模板。
1. blog github
說明
vuepress 技術(shù)，
vue markdown 靜態(tài)博客生成器
一個基于
VuePress 構(gòu)建的用于前端學(xué)習(xí)、筆記記錄、趣文推薦的個人博客網(wǎng)站
啟動
git clone git@github.com:cjm0/blog.gitcd blog yarn && yarn dev地址
github 地址
https://github.com/cjm0/blog項目預(yù)覽 blog.bigqianduan.top
2. vue github
說明
vue webpack 技術(shù)
vue 單頁項目模板，手寫 webpack 配置
啟動
git clone git@github.com:cjm0/vue.gitcd vue yarn && yarn dev地址
github 地址
https://github.com/cjm0/vue項目預(yù)覽 vue.bigqianduan.top
3. vssr github
說明
vue ssr 服務(wù)端渲染技術(shù)
遠程服務(wù)器使用 3007 端口，基于
node.js、pm2vue 服務(wù)端渲染模板 webpack 配置，解決 seo 問題
啟動
git clone git@github.com:cjm0/vssr.gitcd vssr yarn && yarn dev地址
github 地址
https://github.com/cjm0/vssr項目預(yù)覽 vssr.bigqianduan.top
4. vhistory github
說明
vue history routervue history 路由模式 webpack 配置，本地和遠程服務(wù)器都得做配置，把所有頁面先轉(zhuǎn)到首頁再分發(fā)到具體路由
啟動
git clone git@github.com:cjm0/vhistory.gitcd vhistory yarn && yarn dev地址
github 地址
https://github.com/cjm0/vhistory項目預(yù)覽 vhistory.bigqianduan.top
5. vmultiple github
說明
vue 多頁面結(jié)構(gòu) webpack 配置
打包輸出多個獨立的頁面
啟動
git clone git@github.com:cjm0/vmultiple.gitcd vmultiple yarn && yarn dev地址
github 地址
https://github.com/cjm0/vmultiple項目預(yù)覽 vmultiple.bigqianduan.top
6. vhtml github
說明
vue 靜態(tài)頁面生成器
vue 路由子頁面生成靜態(tài)頁面輸出，解決 seo 問題，前提是網(wǎng)站內(nèi)容大部分都是靜態(tài)的
啟動
git clone git@github.com:cjm0/vhtml.gitcd vhtml yarn && yarn dev地址
github 地址
https://github.com/cjm0/vhtml項目預(yù)覽 vhtml.bigqianduan.top
7. koa2 gitee
說明
node.js koa2 項目模板
使用端口 3389
可以作為頁面網(wǎng)站使用，也可以作為接口 api 使用
啟動
git clone git@gitee.com:cjm0/koa2.gitcd koa2 yarn && yarn dev地址
gitee 地址
https://gitee.com/cjm0/koa2項目預(yù)覽 koa2.bigqianduan.top
8. express github
node.js express 項目模板
使用端口 3006
可以作為頁面網(wǎng)站使用，也可以作為接口 api 使用
啟動
git clone git@github.com:cjm0/express.gitcd express yarn && yarn dev地址
github 地址
https://github.com/cjm0/express項目預(yù)覽 express.bigqianduan.top
在線咨詢
