预习博客（什么是前端+VScode插件安装）

前端

(一)什么是前端

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

一、Web前端开发

1.Web：Web系统
Web系统：以网站形式呈现，通过浏览器访问，完成一定功能的系统

2.前端：网页上为用户呈现的部分
3.开发：编写代码

二、网站与网页

1.网站和网页

（1）网站：互联网上用于展示特定内容的相关网页的集合
（2）网页：网站中的一页
一个网站中的网页通过“超链接”的方式被组织在一起

（3）主页：文件名通常为index

2.页面元素

表单，Logo站标，导航栏，文字超链接，banner广告横幅

3.浏览器

解析网页源代码，渲染网页

三、Web前端技术

1.技术构成

结构：HTML
从语义的角度，描述页面结构

样式：CSS
从审美的角度，美化页面

行为：JavaScript
从交互的角度，提升用户体验

2.技术标准

the World Wide Web Consortium
万维网联盟

W3C标准： www.w3.org
HTML5、 CSS3、 JavaScript

(二)VScode插件安装

一、插件安装

1.在vscode中，点击左边那排按钮最下面的一个

2.搜索"Visual Studio Code Settings Sync"（一款能够同步自己vscode设置的插件）
输入搜索词后，左边会展示你的搜索结果，点击其中一个，在右边的界面上点击安装按钮。

3.安装完毕后需要点击重新加载才能使它生效
4.重启vscode后，右下角的提示就是刚才的插件带来的

二、常用插件

1.Open-In-Browser（ 在vscode中打开浏览器访问）

插件地址：link1
2.Prettier - Code formatter（格式化代码）

插件地址：link2
3.Language and Framework Packs

插件地址：link3
4.Themes

---