乐趣区

关于javascript:利用Laragon环境快速开始

装置并正确配置了 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 代码执行失常,如果不能登录,或者呈现谬误,能够依据谬误提醒进一步排查谬误。

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

退出移动版