博主信息
博文 9
粉丝 0
评论 7
访问量 8922
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Chapter1 WEB前端开发环境搭建及入门
无关
原创
932人浏览过

No.1 搭建学习环境

一、选择编辑器:VSCode及常用插件的下载及安装

1. 下载VSCode

打开VSCode官方网站:code.visualstudio.com。

2.选择相应版本下载,安装。

3.安装常用插件。

插件名称 插件作用
Auto Close Tag HTML标签⾃动闭合
Auto Rename Tag HTML标签⾃动更名
Chinese Language 简体中文语言包
HTML CSS Support 代码提示
Live Server 创建本地Web服务器实时预览
Markdownlint markdown语⾔检查器
PHP Intelephense PHP代码智能分析与提示
PHP IntelliSense PHP代码智能感知与重构
Prettier-Code formatter 通⽤的代码格式化⼯具
Vscode-icons 文件图标

安装完后如图:

二、选择集成环境:phpStudy的下载及安装

1. 下载phpStudy

打开phpStudy官网:xp.cn。

点击“Windows版—-phpstudy客户端—-立即下载”

2.安装

3.启动Apache和mysql

4.配置本地站点,创建网站:front.edu

4.1 打开phpStudy_pro。

4.2 点击“首页—-启动mysql—-启动mysql”

4.3 点击“网站—创建网站—填写域名(front.edu)—其他选项选默认值—确认”

三、选择浏览器:Chrome谷歌浏览器

No.2 教学模式

1. html、css、js同步教学

2. 全程实例

3. 渐进式

No.3学习Nmarkdown常用语法

名称 功能
1标题 #一级标题,##二级标题…######六级标题
2列表 -无序列表, n: 有序列表
3链接 [文本](链接URL),如:php.cn(https://www.php.cn/)
4图片 ![描述](图片URL),如:[美女] (images/img-gril.jpg)
5表格 使用竖线和-硬画出来,可以设置文本对齐
6引用 > 引用文本,可嵌套
7代码 ‘单行代码’, “多行代码”

No.4 使用VSCode预习HTML,CSS,JavaScript

批改老师:GuanhuiGuanhui

批改状态:合格

老师批语:加油!
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
1条评论
2020-06-17 15:06:17
Yes,Sir ! 努力中!
1楼
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学