NuxtPro

Appearance

快速开始 ​

准备好深入 NuxtPro 了吗？本指南将引导您完成本地开发环境的配置，并成功启动您的第一个 NuxtPro 项目。让我们开始吧！

环境准备 ​

在开始之前，请确保您的电脑上已经安装了以下软件：

  • Node.js: v18.20.4 或更高版本。我们推荐使用最新的 LTS 版本。
  • Npm: 10.7.0。
  • pnpm: 我们推荐使用 pnpm 作为包管理工具，以获得最佳的依赖管理体验。

您可以通过在终端运行以下命令来检查版本：

bash
node -v
npm -v
pnpm -v

如果您尚未安装 pnpm，可以通过以下命令进行全局安装：

bash
npm install -g pnpm

下载项目 ​

首先，您需要从 GitHub 克隆 NuxtPro商业版 项目到您的本地。（如果未加入仓库，打开会是 404）

bash
git clone https://github.com/PennyJoly/NuxtPro.git

然后，进入项目目录：

bash
cd NuxtPro

安装依赖 ​

进入项目根目录后，使用 pnpm 安装所有项目依赖。

bash
pnpm install

此过程可能需要几分钟，具体取决于您的网络速度。pnpm 会高效地下载并链接所有必需的包。

配置环境变量 ​

项目依赖于一些环境变量来运行，特别是在涉及到第三方服务（如数据库、支付网关）时。

NuxtPro-Admin ​

  1. 在项目根目录下，找到 .env.example 文件。
  2. 复制该文件并将其重命名为 .env。
  3. 打开 .env 文件，并根据您的本地环境或您获取到的 API 密钥填写相应的值。

NuxtPro-Client ​

  1. 在项目根目录下，找到 .env.example 文件。
  2. 复制该文件并将其重命名为 .env.dev。
  3. 打开 .env.dev 文件，并根据您的本地环境或您获取到的 API 密钥填写相应的值。

关于每个环境变量的具体含义和如何获取，请参考 环境变量配置 文档。

导入nuxtpro必要mysql文件 ​

进入 NuxtPro-Admin/server/migrations/ 文件夹下，找到 nuxtpro.sql 文件在navicat等终端中将其导入表结构和基础样例数据即可。

image

启动开发服务器 ​

一切准备就绪！现在，运行以下命令来启动 Nuxt 3 的开发服务器：

bash
pnpm dev

该命令会启动一个热重载的开发环境。您应该会在终端看到类似以下的输出：

NuxtPro前端

txt
  ➜  Local:   http://localhost:3000/
  ➜  Network: use --host to expose

或 NuxtPro后台管理端

txt
  ➜  Local:   http://localhost:3002/
  ➜  Network: use --host to expose

现在，打开您的浏览器并访问 http://localhost:3000。如果一切顺利，您将看到 NuxtPro 前端的欢迎页面。

抑或打开您的浏览器并访问 http://localhost:3002。如果一切顺利，您将看到 NuxtPro 管理端的欢迎页面。

恭喜您！🎉 您已经成功在本地运行了 NuxtPro。接下来，您可以开始探索代码、添加新功能，或者深入了解我们的 开发教程 了。