【亲测免费】 BewlyCat 项目安装与配置指南

1. 项目基础介绍

BewlyCat 是一个基于 BewlyBewly 开发的开源项目，该项目主要针对 Bilibili 主页进行功能扩充和调整，为用户提供更加丰富的个性化体验。主要编程语言包括 Vue (44.6%)、TypeScript (35.0%)、SCSS (19.5%) 等。

2. 项目使用的关键技术和框架

• Vue: 用于构建用户界面的渐进式框架。
• TypeScript: JavaScript 的一个超集，添加了静态类型选项。
• SCSS: CSS 预处理器，用于扩展 CSS 的功能。
• vite: 一个现代化的前端构建工具，用于快速开发。
• unocss: 一个原子 CSS 框架，用于快速生成样式。

3. 项目安装和配置的准备工作

准备工作

1. 确保您的系统中已安装 Node.js 和 npm（Node.js 的包管理器）。
2. 确保您的系统中已安装 Git。
3. 创建一个新的项目文件夹，并在文件夹内打开命令行窗口。

安装步骤

1. 克隆项目

   在命令行窗口中输入以下命令，将项目克隆到您的本地：

   git clone https://github.com/keleus/BewlyCat.git
   

2. 安装依赖

   进入项目文件夹，安装项目所需的依赖：

   cd BewlyCat
   npm install
   

3. 启动项目

   在项目文件夹中，运行以下命令启动开发服务器：

   npm run dev
   

   这将启动一个本地服务器，通常在 http://localhost:3000 上。

4. 构建项目

   当开发完成后，您可以通过以下命令构建项目：

   npm run build
   

   构建完成后，生成的文件将位于 dist 文件夹中。

5. 项目部署

   将 dist 文件夹中的内容部署到您的服务器上，完成项目的上线。

以上便是 BewlyCat 项目的详细安装和配置指南，按照上述步骤操作，即可成功安装和运行该项目。