Community Learn Tools Library Leisure
search
English
Home > List of blog posts > vscode及chrom及插件安装；页面结构
Blogger Information
Blog 8
fans 0
comment 0
visits 5791
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
vscode及chrom及插件安装；页面结构
星辰的博客
Original
450 people have browsed it

1.下载安装 vscode, chrome

下载安装 vscode

  • 下载地址：https://code.visualstudio.com/
  • 安装插件：
    chinese(simplified …): 简体中文语言包
    live server: 实时预览插件
    prettiercode formatter: 代码格式化插件（老师推荐）
    helium icon theme: 一款文件图标主题（老师推荐）
    vscode 主题图标网站：https://vscodethemes.com/
    插件配置：管理-设置/文件-设置/快捷键 Ctrl+,
    markdown preview…: markdown 实时预览
    markdownlint: markdown 语法检查器

下载安装谷歌 chrome 浏览器

2.学会使用 chrome 检查器/开发者工作,查看 html 页面结构

页面结构

  • 用户界面(view)：html/css/js/vue…
  • 业务逻辑(controller)：php/java/go/python…

  • 数据(model)：mysql/mssql…

  • 打开网页，右键-检查 可以查看页面结构

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7.     <title>Document</title>
  8.   </head>
  9.   <body></body>
  10. </html>
Correcting teacher：autoloadautoload

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post