0401 第1章 开发环境与工具

0401 第1章 开发环境与工具

1. 第 11 期安排

• 前端基础教学:2 周
  • html5 + css3 : 1 周
  • flex + grid: 1 周
• php 开发基础: 4 周
  • 基础语法: 1 周
  • 类与对象: 1 周
  • 数据库编程:1 周
  • 设计模式: 1 周
• 前端进阶:2 周
  • javascript: 1 周
  • jquery: 1 周
• lavarel 基础与实战: 4-5 周
  • 基础: 1 周
  • 实战: 3-4 周

---

2. 前端教学环境

• 操作系统: windows
• 编辑器: vscode
• 浏览器: chrome / firefox
• 集成环境: phpstudy
• 线上环境: 小皮面板

---

3. vscode 常用插件

3.1 插件列表

序号	名称	描述
1	auto rename tag	html 自动更新配对标签名称
2	highlight matching tag	自动高亮显示结束括号/标签
3	bracket pair colorizer	为嵌套的各种括号添加不同颜色
4	path intellisense	智能路径提示
5	markdownlint	优秀的 markdown 语法检查器
6	markdown preview enhanced	最火的 markdown 实时预览工具
7	prettier-code formatter	更优秀的代码美化/格式化工具
8	carbon-now-sh	高逼格的代码转图片分享工具
9	codelf	github 上的传奇,变量命名神器
10	minify	压缩 html, css, js 代码的工具
11	open in browser	在默认浏览器打开当前文件
12	php intelephense	超好用 php 智能代码提示器
13	php intellisense	php 代码自动完成插件
14	javascript(es6)code snippets	es6 代码片断

---

4. phpstudy v8 安装与环境配置

• 下载地址: https://www.xp.cn/download.html
• 配置本地域名: php11.edu
• 域名访问

---

5. markdown 语法

• 标题
• 列表
• 表格
• 图片
• 链接
• 分隔线
• 代码块

---

6. 课堂纪律

• 直播课时, 群中尽可能保持安静, 有问题可以在课间提出
• 老师会在下节课上课前统一回复

7. 作业要求

• 作业严格按照技术博客标准来写
• 作业要有标题,内容,代码, 总结等组成,最好配图说明

8. 小皮面板

• 小皮面板由 php 中文网开发
• 让天下没有难配的开发环境
• 简单,快捷, 免费

9.视频链接

• 1.1_VSCode与phpStudy安装与配置
• 1.2_markdown 基本语法
• 1.3_服务器安装与小皮面板操作

10.视频下载

• 不知道发不发好。