ASCII码 ASCII码

html基础：html前端环境部署

发布于：2022-07-01 20:15:30  栏目：技术文档

html前端环境部署

浏览器的选择

推荐使用谷歌浏览器和火狐浏览器

安装编辑器

  1. 常用编辑器：
  2. VSCode phpstorm webstorm
  3. sublime Text  adobe Dreamweaver

以VSCode安装方法

<a href="https://az764295.vo.msecnd.net/stable/30d9c6cd9483b2cc586687151bcbcd635f373630/VSCodeUserSetup-x64-1.68.1.exe">点击下载</a>下载完成后安装软件，注意安装过程中尽量不要安装到C盘。安装完成打开软件按住Ctrl+SHift+x打开插件安装，搜索Chinese点击Install完成后重启下软件即可切换到中文。

如何创建一个html文件？

1.html插件安装

按住Ctrl+SHift+x打开插件安装，搜索HTML CSS Support点击Install完成后重启软件

2.如何创建html文件

点击左上角文件-新建文本文件-Ctrl+s保存-输入以HTML结尾的文件名（如dome1.html）

安装实时更新插件

按住Ctrl+SHift+x打开插件安装，搜索Live server点击Install完成后重启软件打开html文件写完代码

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>h1-h6标签的使用</title>
  9. </head>
  11. <body>
  12.         <h1>Hello World</h1>
  13.         <hr>
  14.         <h2>Hello World</h2>
  15.         <hr>
  16.         <h3>Hello world</h3>
  17.         <hr>
  18.         <h4>Hello World</h4>
  19.         <hr>
  20.         <h5>Hello world</h5>
  21.         <hr>
  22.         <h6>Hello workld</h6>
  24. </body>
  26. </html>

右键Open with Live Server选择浏览器自动跳转，这时发现写的代码和浏览器是实时更新的。

相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行