# 介绍

我们额外提供了WebNuxt工程,来满足SEO更快的首屏加载需求;本工程是BuildAdminNuxt (opens new window)版本,只含会员前台,不含管理员后台,是仅供会员访问的另外一个站点。

# 开始

# 进入到 buildadmin 项目的根目录
cd buildadmin

# 克隆 web-nuxt 工程到项目根目录,请注意需要克隆到 web-nuxt 目录,以便后续通过后台安装模块
git clone https://gitee.com/wonderful-code/build-admin-nuxt web-nuxt

# 进入到 web-nuxt 目录
cd web-nuxt

# 安装依赖
pnpm install
# yarn install

# 启动服务 -o 表示自动打开浏览器
pnpm dev -o

# 请注意还需启动`BuildAdmin`的服务端
php think run
  • 安装完成后web-nuxt工程的目录路径为buildadmin/web-nuxt以方便后续安装模块,开发时使用编辑器只打开此目录即可。
  • 后续继续使用git更新web-nuxt工程,若后续在模块市场安装模块时提示您系统版本不足,请您在更新系统时,同时更新web-nuxt工程。

WebNuxt提供站点首页会员中心,它看起来和BuildAdmin自带的前台几乎一样,但若您的站点存在SEO需求,我们建议您前台的所有开发都基于WebNuxt而不是内置的纯vue前台,未来CMS、社区等模块,我们也会基于本工程进行开发,且涉及到前台的模块,都优先提供WebNuxt版本。

# 二次开发

在二次开发之前,请您确保已经理解服务端渲染客户端激活等等,它与纯vue项目的开发有多个关键概念不相同;
我们在Nuxt工程上,还原了一些BuildAdmin原有的设计和代码,其中包括: