安装并正确配置Thinkphp和Vue运行环境后，即可快速启动开发工作。注：以下截图可能与读者实际路径、地址等有出入。请注意这里的操作步骤。克隆代码[可选]首先，将项目的基本代码克隆到特定目录中。例如：在F盘创建一个test目录（代码库地址可与作者联系），执行命令：gitclonegit@gitee.com:xxx/rds.gitclone代码使用默认安装的git应用在拉拉贡。如下图所示：左边是克隆出来的代码目录，右边是可以开发调试的目录。熟悉Thinkphp的用户应该都知道，克隆出来的目录需要安装依赖。因为这个系统是一个前后端分离的项目。Thinkphp项目是作为后台系统提供API接口，而Vue项目是前台系统之一，提供后台管理系统接口。即：后台API为Thinkphp项目，内容为下图右侧所示的文件列表。上图中的ui目录是vue前端项目，内容如下图所示。安装Thinkphp依赖和Vue依赖命令行安装依赖安装后端工程的依赖，进入后端工程目录，也就是上图左侧所示的目录。在命令行执行如下命令composerupdate安装前端项目的依赖，进入ui目录，执行以下命令：yarninstallphpstorm安装依赖的后端系统项目通过phpstorm打开项目，右键单击composer.json，选择Composer，然后执行更新。正确运行的前提是安装Laragon默认安装的Composer软件。前端系统工程如下图，打开ui目录。右键package.json，选择yarninstall，启用安装依赖。如下图所示，执行安装依赖的过程和命令行是一样的。本地开发调试项目首先需要确定：数据库配置后台系统的数据库，并创建对应的数据库。如下图所示，默认的数据库名和用户名密码都是根据你的实际配置修改的，也可以创建.env文件设置。创建数据库，导入根目录下的data.sql文件初始化数据库。如下图启动后端工程：开发模式连接的后端地址为：http://127.0.0.1:2288/admin根据前端设置的端口号2288，你需要启动后端Thinkphp项目到2288端口。如下图所示启动前端项目。在命令行执行npmrunserve启动成功界面如下图。如果可以正常显示验证码，说明thinkphp代码执行正常。如果无法登录或者出现错误，可以根据错误提示进一步排查错误。这个项目能正常运行的关键是理解前后端分离的思想，保证后台系统和前端系统都正常运行。
