前端

前端三件套的作用

基本理解

  • HTML：负责页面中的文本、图片等内容展示，也就是页面结构和内容。
  • CSS：负责页面中各个对象的位置、样式和布局表现。
  • JavaScript：负责页面交互和动态效果。

知识点总结

  • HTML 决定页面有什么。
  • CSS 决定页面长什么样、怎么排版。
  • JavaScript 决定页面怎么动、怎么交互。

复习表达

前端开发的核心基础是 HTML、CSS 和 JavaScript。其中 HTML 负责页面结构和内容，比如文本、图片等；CSS 负责样式、布局和位置；JavaScript 负责交互逻辑和动态效果。这三者配合起来共同完成一个完整的前端页面。

环境安装– VSCode 常用插件安装

1. HTML CSS Support

  • 提供 HTML 中的 CSS 智能提示功能。
  • 在编写页面结构和样式相关代码时更方便，能提升开发效率。

2. Live Server

  • 用于启动本地开发服务器。
  • 写完代码后可以直接在浏览器中实时查看页面效果。
  • 修改代码后页面会自动刷新，方便调试。

3. Auto Rename Tag

  • 在修改开始标签或结束标签时，另一侧标签会自动同步修改。
  • 可以减少手动改标签带来的低级错误。

知识点总结

  • 前端开发环境安装中，VSCode 插件配置是很重要的一步。
  • 常见插件主要解决三类问题：代码提示、页面预览、标签同步修改。
  • 对初学者来说，这些插件可以明显提升学习和开发效率。

复习表达

前端环境安装除了编辑器本身，还会配置一些常用插件。比如 HTML CSS Support 用于增强代码提示，Live Server 用于本地启动和实时预览页面，Auto Rename Tag 用于自动同步修改成对标签。这些工具能够帮助我们提升编码效率和开发体验。