环境搭建

Mac下XAMPP本地多站点配置

涉及的配置文件：hosts，httpd.conf，httpd-vhosts.conf

hosts文件添加自定义域名，sudo nano /etc/hosts

修改完后，control+x保存退出
httpd-conf配置，打开配置文件所在目录 open /Applications/XAMPP/xamppfiles/etc
编辑文件httpd.conf,删除488行的# 注释符，也就是确保引入了 vhosts 虚拟主机配置文件。修改第174和175行的User,Group的用户名和用户组为www

3、打开文件httpd-vhosts.conf文件进行编辑，目录为/Applications/XAMPP/xamppfiles/etc/extra/httpd-vhosts.conf，添加如下代码

<VirtualHost *:80>
    DocumentRoot "/Users/tuluxi/Webserver"
    ServerName      learn.com
    DirectoryIndex index.html
    <Directory "/Users/tuluxi/Webserver">
        Options Indexes FollowSymLinks MultiViews
        AllowOverride All
        Order allow,deny
        Allow from all
        Require all granted
    </Directory>
</VirtualHost>

重启apache使配置生效即可。

4、浏览器访问hosts中解析的域名

Tips：

第2步中不修改用户名和用户组可能会导致站点目录无权限访问

VsCode

VsCode编辑器支持windows、ubuntu以及macos。
内置 Git 支持
免费和开源

下载

点击转到官网，选择适合自己操作系统的安装包下载。

安装

在mac下其实无需安装，下载下来是一个压缩包 VSCode-darwin-stable.zip ，解压后就是一个 app 文件，直接可以运行。
你可以选择把它移动到应用程序或实用工具下。

配置

当然，你安装完它仅仅是一个文本编辑器，git 客户端，扩展管理器，

你希望用它来写什么代码，还需要添加对应的语言扩展。

点击左侧的扩展管理按钮，找到你希望安装的扩展，点击安装

安装完插件需要重新启动才能激活插件

插件推荐

名称	作用
Chinese(sinplified) Language	简体中文语言包
Vscode-icons	最受欢迎的的文件图标
Prettier-Code formatter	通用的代码格式化工具
HTML CSS Support	HTML/CSS代码提示神器
Auto Close Tag	HTML标签自动闭合
Auto Rename Tag	HTML标签自动更名
Markdownlint	markdown语言检查器
Live Server	创建本地Web服务器实时预览

网络常用术语

序号	英文	中文	描述
1	HOST	主机	有名称和访问地址的计算机
2	HOSTNAME	主机名	计算机名
3	IP	网络互联协议	internet protocol
4	URL	统一资源定位符	对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示。
5	WWW	万维网	Word Wide Web的缩写，意思是环球信息网。以 HTML 超文本为信息载体,基于请求/响应机制。
6	HTTP	超文本传输协议	是一个简单的请求-响应协议。基于C/S架构
7	HTTPS	安全的HTTP协议	是以安全为目标的 HTTP 通道,在HTTP的基础上通过传输加密和身份认证保证了传输过程的安全性。
8	CLIENT	客户端	浏览器 / 命令行
9	SERVER	服务端	可提供互联网服务的特殊计算机
10	TCP	传输控制协议	面向连接的,可靠的基于字节流的通信协议
11	IPA	ip地址	是分配给用户上网使用的网际协议（英语：Internet Protocol, IP）的设备的数字标签。常见的IP地址分为IPv4与IPv6两大类，但是也有其他不常用的小分类
12	port	端口	服务器通过监听不同端口号来响应请求,并提供不同的服务
13	PHP	超文本预处理器	通用开源的服务器端的的脚本编程语言(Web 开发
14	MySQL	数据库	全球最流行的关系型数据库管理系统(RDBMS), 源码开发,成本低,效率高
15	Laravel	框架	全球最流行的 PHP 开发框架,强大的生态, 活跃的社区,使它几乎可以胜任任何级别的 Web 项目开发

URL组成：协议+域名+「端口」+「path_info」+「文档」+「查询字符串」。
TCP：传输方式基于字节流。

Markdown基础标签

标签	含义
#	标题（1-6）
-	列表
```内容```	多行代码
`内容`	单行代码
![]()	图片:显示文本+图片地址
>	引用
---	分割线
***	分割线2
[]( )	链接：显示文本+链接地址
内容	加粗字体

表格使用方式：

| 表头|表头| 表头|
| ------|-----| ----------|
|单元格|单元格| 单元格|
|单元格|单元格| 单元格|
|单元格|单元格| 单元格|

PHP开发环境搭建（Xampp多站点+VsCode+markdown）