装置并正确配置了Thinkphp,Vue的运行环境后,就能够疾速开始开发工作了。
留神:上面的截图,与读者理论的门路、地址等可能是不同的
这里大家次要留神操作步骤即可。

克隆代码【可选】

首先是在特定目录下,克隆我的项目的根底代码。
例如:在F盘创立test目录 (代码库地址能够分割作者)
执行命令:

git clone git@gitee.com:xxx/rds.git

克隆代码用到的就是Laragon默认装置的git利用。

如下图所示:
右边的为克隆的代码目录,左边为曾经能够进行开发调试的目录,相熟Thinkphp的用户应该是能够晓得,克隆的目录是须要进行依赖装置的。
因为本零碎为前后端拆散的我的项目。Thinkphp我的项目就是作为后端系统提供API接口,Vue我的项目就是其中的一个前端零碎,提供后盾管理系统界面的。
即:后端API为Thinkphp我的项目,内容就是下图左边所示文件列表。

上图中ui目录,就是Vue前端我的项目,内容如下图所示。

装置Thinkphp依赖和Vue依赖

命令行中装置依赖

  1. 装置后端我的项目的依赖

    进入后端我的项目目录,即下面右边所示目录。在命令行中执行如下命令

composer update


  1. 装置前端我的项目的依赖

进入ui目录,执行如下命令:

yarn install

phpstorm中装置依赖

  1. 后端系统我的项目

通过phpstorm关上我的项目,右键composer.json,抉择Composer,执行update 即可。

可能正确运行的前提还是装置Laragon默认装置的Composer软件。

  1. 前端零碎我的项目

如下图,关上ui目录。右键package.json,抉择yarn install,即可开启装置依赖。

如下图所示,执行装置依赖的过程与命令行一样。

本地开发调试我的项目

首先须要确定:

数据库配置

后端系统的数据库,并创立相应的数据库。
如下图所示,默认的数据库名称及用户名明码,都依据本人理论的配置进行批改,或者创立.env文件设置。

创立数据库,并导入根目录上面的data.sql文件,对数据库进行初始化。

启动后端我的项目

如下图所示:开发模式连贯的后端地址为:http://127.0.0.1:2288/admin

依据前端设置的端口号2288,须要启动后端Thinkphp我的项目到2288端口。

启动前端我的项目

如下图所示,在命令行中执行 npm run serve

启动胜利的界面

如下图所示,能够失常显示验证码,则阐明Thinkphp代码执行失常,如果不能登录,或者呈现谬误,能够依据谬误提醒进一步排查谬误。

本我的项目失常运行的要害是了解前后端拆散思维,确保后端系统和前端零碎都失常运行才能够。