1、开发前准备、IDE开发工具、集成环境搭建

1. VSCode 编辑器安装与配置

• VSCode 是微软公司开发的一款简单高扩展的文本编辑器

• 下载: [VSCODE官网]https://code.visualstudio.com/

• 配置简体中文

• 常用插件:

• Chinese(Simplified) Language Pack: 简体中文语言包

• JS-CSS-HTML Formatter: JS/CSS/HTML格式化工具

• Bracket Pair Colorizer 2: 括号自动配对检查器

• Markdown Extended: Markdown 扩展

• markdownlint: Markdown 语法语法检查器

• Markdown Preview Enhanced: Markdown 实时预览

• Meterial Theme: 目前全球全火的主题

• Meterial Icon Theme: 与该主题配套的图标

<h2>2. Typora 编辑器安装与配置</h2>

• Typora 是一款能够即时预览的Markdown文档编辑器

• Markdown 是一种使用简单标记编写HTML文档的工具

• 语法非常的简单, 基本功能10分钟就能掌握(教程在群文档中下载)

• markdown非常适合用来编写笔记, 已成为互联网文档主流格式

<h2>3. phpStudy V8 集成环境</h2>

• phpStudy 是由php中文网开发的,拥有独立知识产权的软件产品

<h2>3.1 phpStudy是什么</h2>

• phpStudy 是一款php程序的集成运行环境工具软件

• phpStudy 内置了php,Apache/Nginx, MySQL, Redis等常用工具

• 本着开箱即用原则, 安装成功后就能直接使用,省去环境配置烦恼

<h2>3.2 phpStudy 配置虚拟主机</h2>

• 创建本地主机,模拟线上环境, 使用户进入真实的生产场景中

• 使用phpStudy 创建本地环境非常简单(演示)

• 以后我们都使用html.io做为前端教学的演示域名