html前端环境部署

浏览器的选择

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

安装编辑器

常用编辑器：
VSCode phpstorm webstorm
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文件写完代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>h1-h6标签的使用</title>
</head>
<body>
        <h1>Hello World</h1>
        <hr>
        <h2>Hello World</h2>
        <hr>
        <h3>Hello world</h3>
        <hr>
        <h4>Hello World</h4>
        <hr>
        <h5>Hello world</h5>
        <hr>
        <h6>Hello workld</h6>
</body>
</html>

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

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

html基础：html前端环境部署

2022-07-01 10:13:58