2.0-开发环境

2.0 环境配置和工具¶

简易开发，是仅开发前端项目，不开启本地服务器进行离线模式调试。

需要安装 nodejs + git + 浏览器工具，在终端切换到开发目录，执行下面的操作。

git clone https://github.com/Novel-Reader/Genshin-novel-reader.git

cd Genshin-novel-reader

npm install

npm start

执行npm start 后，默认自动打开浏览器，即可进行开发调试。

全栈开发：是开发在线模式，支持浏览器和服务器进行通信。

需要安装 nodejs + git + docker + postman + 浏览器等工具。

1、选择一个干净的开发目录，拉取代码

git clone https://github.com/Novel-Reader/Genshin-novel-reader.git
git clone https://github.com/Novel-Reader/Genshin-novel-reader-express-server.git

2、创建目录：在开发目录中，新建 mysql-data 文件夹作为 mysql 路径

cd Genshin-novel-reader-express-server
mkdir -p mysql-data

3、更改配置文件: 更改 docker-compose.yml mysql 配置文件为本地路径

"/mysql-data:/var/lib/mysql"

4、启动镜像，进入 novel-mysql 容器中

docker-compose up
docker exec -it novel-mysql bash
mysql -u root -p
# docker-compose up 中配置了环境变量：MYSQL_ROOT_PASSWORD=db_dev

5、初始化数据库，新建数据库

create database novel charset utf8mb4;

6、新建数据库表（执行 upgrade/sql 中的数据库建表语句）

7、启动 nodejs 服务器

cd Genshin-novel-reader-express-server
npm install
npm start

8、更改客户端配置，改成联网模式

mode: offline
改成
mode: online

9、开启客户端

cd Genshin-novel-reader
npm install
npm start

本章节介绍在开发过程中所应用到的主要技术和环境需求：