走进前端和vscode插件安装、认识浏览器、Gitee提交-Toy模板网

这篇具有很好参考价值的文章主要介绍了走进前端和vscode插件安装、认识浏览器、Gitee提交。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

走进前端

前端的概念

首先我们先了解一下前端的通俗概念：前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

前端三剑客

HTML
CSS
Javascript(JS)

分工

HTML：负责网页的架构，决定网页的结构和内容
CSS：负责网页的样式和美化
JS：控制网页的行为

vscode插件安装

安装vscode

参考文档：VSCode安装教程

插件安装

插件安装位置：
走进前端和vscode插件安装、认识浏览器、Gitee提交

插件推荐：
1.Chinese (Simplified) (简体中文)
走进前端和vscode插件安装、认识浏览器、Gitee提交
是一个中文插件，将vscode语言设置为中文

2.Auto Rename Tag
此款插件可以帮助对html标签的补充和成对修改标签。
走进前端和vscode插件安装、认识浏览器、Gitee提交
修改开始标签，结束标签跟着自动变化，比较好用

3.HTML Snippets
智能提示HTML标签，以及标签含义
4.HTML CSS Support
走进前端和vscode插件安装、认识浏览器、Gitee提交
智能提示CSS类名以及id
5.Live Server （推荐）

能够在线浏览html网页的更新变化。安装后，html界面鼠标右键，点击 open live serve就可以了打开网页
6.open in browser
走进前端和vscode插件安装、认识浏览器、Gitee提交
这款插件能够在浏览器中打开html网页。鼠标右键 open in default browser，快捷键 Alt + b
7.[Deprecated] Browser Preview
这款插件对于新手比较友好，可以在vscode中打开一个窗口显示html网页，避免来回切换窗口。安装后在文件名上鼠标右键，open in browser preview
8.会了吧
走进前端和vscode插件安装、认识浏览器、Gitee提交

9.Prettier - Code formatter
走进前端和vscode插件安装、认识浏览器、Gitee提交
此插件能够将代码进行格式化，调整缩进和布局，是代码更加整齐规范，增加代码可读性
10.Easy-less
编译less文件，我们写的less文件不能直接引入到HTML文件中，通过这个插件可以自动帮我们生成css文件。