Website Maker 项目常见问题解决方案

Website Maker 项目常见问题解决方案

website-maker 基于 Nuxt3 的低代码建站方案 项目地址: https://gitcode.com/gh_mirrors/we/website-maker

一、项目基础介绍

Website Maker 是一个基于 Nuxt3 的低代码建站方案，旨在帮助开发者快速搭建响应式网站。项目包含两个主要部分：官网（website）和官网配置平台（website-cms）。官网是基于 Nuxt3 开发的，而官网配置平台是基于 NestJS 和 Vue3 开发的。项目采用响应式设计，基于 Unocss 的 shortcuts 进行样式配置。主要使用的编程语言包括：

• Vue
• TypeScript
• JavaScript
• SCSS
• HTML

二、新手常见问题及解决方案

问题一：如何初始化数据库？

问题描述： 新手在使用项目时，需要初始化数据库，但不知道如何操作。

解决步骤：

1. 克隆项目到本地后，打开命令行工具。
2. 输入以下命令创建数据库：

   $ create database website_maker
   

3. 进入创建的数据库：

   $ use website_maker
   

4. 执行 SQL 初始化脚本：

   $ source init.sql
   

问题二：如何安装项目依赖？

问题描述： 新手在安装项目依赖时遇到了问题，不确定正确的安装方式。

解决步骤：

1. 由于 Nuxt3 目前不支持 pnpm，所以在安装依赖时需要增加 --shamefully-hoist 选项。
2. 在项目根目录下执行以下命令安装依赖：

   $ pnpm install
   

3. 安装完成后，执行以下命令安装 website 模块的依赖：

   $ pnpm install --shamefully-hoist --filter @web/website
   

问题三：如何启动项目？

问题描述： 新手安装完依赖后，不知道如何启动项目。

解决步骤：

1. 在项目根目录下，执行以下命令启动官网：

   $ pnpm start:website
   

2. 如果需要启动官网配置平台，执行以下命令：

   $ pnpm start:website-cms
   

通过上述步骤，新手开发者可以顺利搭建和运行 Website Maker 项目。在遇到其他问题时，建议查阅项目文档或加入项目社区寻求帮助。

website-maker 基于 Nuxt3 的低代码建站方案 项目地址: https://gitcode.com/gh_mirrors/we/website-maker