微信小程序商城全栈开发 作业笔记 (二)配置开发环境,工具的介绍

微信小程序商城全栈开发 作业笔记 (二)配置开发环境,工具的介绍

(这一小节可能比较长,尽量详细一些)

Web框架版本:ThinkPHP 5.07

运行环境PHP 5.6

(我自己用的7.2,好像没什么问题)

XAMPP

(自带了Mysql Apache…)

开发工具

1.PHPStrom
(说明一下,网上许多2018版本安装汉化包后无法打开 ‘设置’ 是由于汉化包的版本过老,下一个新版本的,可以通用JetBrains公司的其他软件)
2.微信开发者工具
3.Postman (接口测试 另一个Fiddler)
4.Navicat (数据库管理工具)
5.XAMPP (集成工具包,自带Mysql Apache(连接外部服务器 另一个 Nginx比较复杂,常反向代理,写单元测试)

安装XAMPP出现的问题

1.Apache端口占用问题
(1)首先查看端口:win+R 打开CMD 输入netstat -ano回车 如图
在这里插入图片描述

(2)根据右边的编号,打开任务管理器(win+R taskmgr)将对应的PID占用软件右键解除占用.
(3)80端口不能更换,打开config配置文件Apache(http.conf)
在这里插入图片描述
找到如下位置,更换80端口(CTRL+F查找)保存,记得重启Apache在这里插入图片描述
(4)检查Apache安装是否成功:打开浏览器,输入localhost,出现如图说明成功,如果不是80,比如8080,写成localhost:8080
在这里插入图片描述
2.测试MYSQL
(1)打开命令行,进入XAMPP的安装目录下
(命令行使用归纳:
输入 D: 切换到D盘
输入 dir 查看当前目录下的文件
输入cd 文件夹名 可以进入子文件夹。比如 cd game,进入D:\game
输入cd…可以返回上一级目录(只有两个点,编辑器的问题)
输入cd/?查看教程
输入exit退出)
在这里输入一条命令 mysql -uroot -p回车,登陆Mysql
会先出现Enter password:这里默认密码为空,回车出现如下说明成功
在这里插入图片描述
(2)测试Mysql安装成功没有,输入show databases;回车(注意结尾s和;分号)
在这里插入图片描述
3.查看php安装成功,exit退出,输入php -v回车,出现如下
在这里插入图片描述

Thinkphp5.07的下载安装

composer安装
Git安装
直接下载

这里主要是git安装法,搜索看云TP5完全开发手册,里面有github仓库的链接,注意TP5分为两部分
(1) 应用项目 类似于小的示例项目
(2) 核心框架 所需要的TP5的类库
分开主要是为了支持composer单独更新核心框架

1.下载完成后解压,放置到xampp的根目录下的htdocs(网站根目录)文件夹中,再将thinkphp5.07改名为我们的项目名(我在这里和老师的一样zerg)framework5.07剪切到zerg里面,并且改名成thinkphp,完成如图
在这里插入图片描述
2.测试是否安装成功
打开浏览器 输入localhost/zerg/public/回车(一定要加public,后面解释)实际上这里缺省了一个index.php(通常PHP Web框架的入口文件)在后面,通常默认可以缺省
在这里插入图片描述

PHPStrom的安装及常见使用方法

网上大把的破解版
注意:英语不好的同学还是去找一个汉化包(找版本新一点的,不然会出现设置打不开的情况)
打开刚刚做好的TP5框架文件在PHPStrom里,如图(改了一下字体的大小)
在这里插入图片描述
在这里介绍一些使用的小技巧:
1.设置自己的主题,打开设置,找到外观 Font 如图 (老师的字体主题是网上下载的,需要修改比较麻烦,我就自己改的)
在这里插入图片描述
由于默认字体的颜色不是很明显,不是很好分辨,就自己改了一下,找到切换配色方案,选择PHP,语言默认值等等,点击底下的代码会出现如图右侧的颜色方框,弹出配色图,如图:
在这里插入图片描述
根据自己的喜好改好就可以了
在这里插入图片描述
2.一小部分快捷键介绍
快速切换编辑区顶部的文件:alt键+左右方向键
快速搜索左侧的文件:
(1)可以搜索最近的文件,使用这个快捷键查找 Ctrl+E
(2)按住ctrl+shift+n快速搜索项目文件,输入文件名
在这里插入图片描述

(3)代码注释:行注释 ctrl+/ 块注释 ctrl+shift+/
(4)全局搜索:ctrl+shift+f
(5)替换:ctrl+shift+r
(6)快速选择:alt+e
3.简单介绍一下这几个东西
在这里插入图片描述
project:项目文件
structure:把编辑区里代码的所有方法集中在一起,可以快速找到定义的方法(在不同的方法中快速移动:alt+上下)
Favorites:收藏夹

好了这一小节就先到这里吧,下节见呢

猜你喜欢

转载自blog.csdn.net/qq_43204040/article/details/86171580