前端入门 如何安装VSCODE+PHPSTUDY 认识MarkDown

前端入门 如何安装VSCODE+PHPSTUDY 认识MarkDown

---

1、下载 VSCODE

打开VSCODE

打开扩展菜单，下载VSCODE插件：

序号	名称	功能
1	Chinese Language	简体中⽂语⾔包
2	Vscode-icons	最受欢迎的的⽂件图标
3	Prettier-Code formatter	通⽤的代码格式化⼯具
4	HTML CSS Support	HTML/CSS代码提示神器
5	Auto Close Tag	HTML标签⾃动闭合
6	Auto Rename Tag	HTML标签⾃动更名
7	PHP Intelephense	PHP代码智能分析与提示
8	PHP IntelliSense	PHP代码智能感知与重构
9	MarkDown Markdownlint	markdown语⾔检查器

• 执⾏ Live Server 创建本地Web服务器实时预览

2、下载 PHPSTUDY

文件管理器、找到phpstudy\www\新建文件夹“front.edu”

打开PHPSTUDY，启动apache+mysql，创建网站“front.edu”，域名填写“front.edu”，文件夹选择新建的“front.edu”，其它默认

打开VSCODE,在资源管理器中“打开文件夹”，选择“front.edu”文件夹并打开

3、markdown格式

markdown格式文件以.md为扩展名，可使用VsCode（须装markdown插件）编写

常用语法格式：

1. 标题：#一级标题,##二级标题,###三级标题;
2. 列表：-无序列表,：有序列表;
3. 链接：[文本]（链接URL）;
4. 图片描述：! [图片提示] (图片地址 ‘’图片title’’);
5. 表格：使用|和-画出来，可以设置文本对齐;
6. 引用：>引用文本，可嵌套;
7. 代码：单行代码``，多行代码``````;