2020年 7月25日 周六 上午课程笔记

2020年 7月25日 周六  上午课程笔记

一、安装插件

1.中文语言包

chinese

2.html css 

HTML CSS Support 

3.auto   

标签自动命名。

比多点编辑要方便很多。

4.Auto Close Tag

标签自动关闭

5.Markdown Preview Enhanced

插件

用来降低编写html文档的工具

安装Markdown插件，让vs code 来支持

markdown文本 扩展名 md

用vscode 右上角的放大镜，来进行预览。

6.Makedownlink 语法检查器

7.主题 关键字 theme 

文件—首选项—颜色主题菜单 

8.更换当前文件图标

icon vsode

通过颜色对主题，一目了然

9.ctrl + 同步放大。

只想调节编辑区大小

 文件—用户——字体。改成 28

10.美化代码插件

Prettier - Code formatter

管理 ——扩展设置—

菜单—首选项—设置—搜索 format （格式化）选择后。fromat on save 打勾

按ctrl + s 自动格式化代码

11.live server 

写完代码后，按ctrl+s 则自动更改

12.code run 

运行所有编程语言。

二、准备浏览器

下载chrome。

安装chrome插件

1.谷歌应用商店的访问助手

iGuge。百度搜索

2.JSONView 

3.Page ruler redux

4.Vue.js devtools

5.二维码生成器（Quick 

6.划词翻译

7.phpstudy 

www.xp.cn 下载php环境

三、网页基本组成

1.结构。c/s结构 c=client 客户端。s=server 服务器端

B/s 架构 用户没有app 只需要一个入口/代理：浏览器

网站在服务器端更换了服务器换了配置或者更新了版本，可以让所有访问者立刻享受到最新的版本和服务。

Chrome + url = 发送一个 http 请求 —》 服务器

问题：请问微信小程序属于什么架构？

————————————————

网页基本组成

1.文本内容：用户看到的网页文本，例如新闻，电话等。

2.其他文件的引用：如图片，视频，音频，css样式表，js脚本等。

3.标记：对文本以及引用文件的正确描述。标签。

<p></p>

<img src=“time.jpg” alt=“” width=“200”/>

<p></p>段落

<img>图片

Html的版本确定

Html5.0

前端快速编写Html，css的神奇 Emmet

生成大块代码段 

Html：5。 按tab键 就自动生成

快捷键：！按tab键。

作业：    练习Emmet 语法

            markdown 练习

下午两点上课。