共计 1093 个字符,预计需要花费 3 分钟才能阅读完成。
装置并正确配置了 Thinkphp,Vue 的运行环境后,就能够疾速开始开发工作了。
留神:上面的截图,与读者理论的门路、地址等可能是不同的
这里大家次要留神操作步骤即可。
克隆代码【可选】
首先是在特定目录下,克隆我的项目的根底代码。
例如:在 F 盘创立 test 目录 (代码库地址能够分割作者)
执行命令:
git clone git@gitee.com:xxx/rds.git
克隆代码用到的就是 Laragon 默认装置的 git 利用。
如下图所示:
右边的为克隆的代码目录,左边为曾经能够进行开发调试的目录,相熟 Thinkphp 的用户应该是能够晓得,克隆的目录是须要进行依赖装置的。
因为本零碎为前后端拆散的我的项目。Thinkphp 我的项目就是作为后端系统提供 API 接口,Vue 我的项目就是其中的一个前端零碎,提供后盾管理系统界面的。
即:后端 API 为 Thinkphp 我的项目,内容就是下图左边所示文件列表。
上图中 ui 目录,就是 Vue 前端我的项目,内容如下图所示。
装置 Thinkphp 依赖和 Vue 依赖
命令行中装置依赖
-
装置后端我的项目的依赖
进入后端我的项目目录,即下面右边所示目录。在命令行中执行如下命令
composer update
- 装置前端我的项目的依赖
进入 ui 目录,执行如下命令:
yarn install
phpstorm 中装置依赖
- 后端系统我的项目
通过 phpstorm 关上我的项目,右键 composer.json,抉择 Composer,执行 update 即可。
可能正确运行的前提还是装置 Laragon 默认装置的 Composer 软件。
- 前端零碎我的项目
如下图,关上 ui 目录。右键 package.json,抉择 yarn install,即可开启装置依赖。
如下图所示,执行装置依赖的过程与命令行一样。
本地开发调试我的项目
首先须要确定:
数据库配置
后端系统的数据库,并创立相应的数据库。
如下图所示,默认的数据库名称及用户名明码,都依据本人理论的配置进行批改,或者创立.env 文件设置。
创立数据库,并导入根目录上面的 data.sql 文件,对数据库进行初始化。
启动后端我的项目
如下图所示:开发模式连贯的后端地址为:http://127.0.0.1:2288/admin
依据前端设置的端口号 2288,须要启动后端 Thinkphp 我的项目到 2288 端口。
启动前端我的项目
如下图所示,在命令行中执行 npm run serve
启动胜利的界面
如下图所示,能够失常显示验证码,则阐明 Thinkphp 代码执行失常,如果不能登录,或者呈现谬误,能够依据谬误提醒进一步排查谬误。
本我的项目失常运行的要害是了解前后端拆散思维,确保后端系统和前端零碎都失常运行才能够。