html开发环境搭建

1,开发工具配置

1)vscode

下载地址https://code.visualstudio.com/

html开发环境搭建_第1张图片

点击上图所示下载,

下载完成后依次点击下一步安装

2)安装谷歌浏览器

百度下载安装即可

2,配置编辑器vscode

打开vscode,点击左侧扩展按钮,搜索open in browser,此插件用于在编辑器中打开浏览器

3,创建第一个项目

新建文件夹,用vscode打开该文件夹,在里面创建一个html文件

html开发环境搭建_第2张图片

如图创建s0181.html

输入!回车即可出现html整体架构

html开发环境搭建_第3张图片

ctrl+s保存

在文件上点击右键,选择在浏览器中打开就可以在浏览器中查看页面了

你可能感兴趣的:(前端,html入门,html编辑器)