如何详细安装Visual Studio Code编辑器和phpstudy安装及配置

1. Visual Studio Code详细安装步骤

1.2 首先下载vscode

官网下载地址：https://code.visualstudio.com/
选择自己电脑安装的版本

1.3 vscode安装步骤

1.3.1 双击vscode安装包

1.3.1 选择“我接受协议”，点击“下一步”

1.3.2 选择安装目录“浏览”（建议不要安装在C盘），点击“下一步”

1.3.3 点击“下一步”

1.3.4 勾选需要的快捷安装方式（“添加到PATH(重启后生效)”勾选上，就不用配置环境变量，可以直接使用）

1.3.5 点击安装

1.3.6 安装完成，点击“完成”（勾选“启动Visual Studio Code”，则直接启动Visual Studio Code软件）

1.4 Visual Studio Code常用的插件安装

1.4.1 汉化版

1. 选择插件（红色圆圈）
2. 搜索框输入Chinese
3. 选择“Chinese (Simplified) Language Pack for Visual Studio Code”，点击“Install”安装
   

   1.4.2 其他常用插件

---

通用：Chinese (Simplified) Language Pack for Visual Studio Code（简体中文语言包），Vscode-icons(最受欢迎的文件图标)，Prettier-Code formatter(通用的代码格式化工具)等。

---

前端：HTML CSS Support（HTML/CSS代码提示神器），Auto Close Tag（HTML标签自动闭合），Auto Rename Tag（HTML标签自动更名）等。

---

PHP：PHP Intelephense(PHP代码智能分析与提示)，PHP IntelliSense(PHP代码智能感知与重构)等。

---

Markdown：Markdownlint(markdown语言检查器)

---

执行：Live Server（创建本地Web服务器实时预览）

---

• 提示：根据各自所需安装插件

2. Phpstudy安装及配置

2.1 Phpstudy下载

官方下载地址(windows)：https://www.xp.cn/download.html

• 提示：根据自己电脑版本位数下载，如果需要其他系统可以访问官网地址：https://www.xp.cn/ ,选择系统下载。

  2.2 Phpstudy安装

  2.2.1 先“自定义”选择安装目录，再点击“立即安装”

  

  2.2.2 点击“安装完成”

  

• 由于Phpstudy安装步骤比较简单接下来，简单配置一个本地地址

2.3 Phpstudy配置

2.3.1 启动Apache和MySQL（如果出现启动端口被占用，可以点击配置更改端口号。默认端口为：80）

2.3.2 点击“网站”，再点击“创建网站”

2.3.3 输入域名（front.edu）,根目录名称去掉后缀（.edu）,点击“确定”

2.3.4 点击管理

2.3.5 浏览器能够查看到此页面，表示站点创建成功

3.Markdown总结

使用 = 和 - 标记一级和二级标题
使用 # 号可表示 1-6 级标题，一级标题对应一个 # 号，二级标题对应两个 # 号，以此类推。
例如：
# 一级标题
## 二级标题
.....

字体表示方法：如下
*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

一行中用星号*、减号-、底线_来建立一个分隔线，行内不能有其他东西。

Markdown 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号

图片：![alt 属性文本](图片地址 "可选标题")
1.开头一个感叹号 !
2.接着一个方括号，里面放上图片的替代文字
3.接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 'title' 属性的文字。

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

表格语法格式如下：
|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。