欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vscode及chrom及插件安装;页面结构

程序员文章站 2022-04-08 18:23:41
...

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>