HTML学习——VS Code环境搭建、创建第一个网页

1.下载VS Code并安装    .

  安装步骤

2.相关插件

                           HTML学习——VS Code环境搭建、创建第一个网页_第1张图片

3.桌面创建文件夹用于存放HTML代码文件HTML学习——VS Code环境搭建、创建第一个网页_第2张图片

 4.在VS Code中打开文件夹HTML学习——VS Code环境搭建、创建第一个网页_第3张图片5.在文件夹里面创建HTML文件HTML学习——VS Code环境搭建、创建第一个网页_第4张图片

HTML学习——VS Code环境搭建、创建第一个网页_第5张图片

 6.导入基本代码框架

(1)在英文状态下输入感叹号    !    并且回车HTML学习——VS Code环境搭建、创建第一个网页_第6张图片

 (2)在

        

   

        

        中间添加要显示内容HTML学习——VS Code环境搭建、创建第一个网页_第7张图片

7.设置自动保存(如果不设置需要每次写完都要手动保存以后,运行网页才会显示新内容) 

 HTML学习——VS Code环境搭建、创建第一个网页_第8张图片

HTML学习——VS Code环境搭建、创建第一个网页_第9张图片

HTML学习——VS Code环境搭建、创建第一个网页_第10张图片

8.回到代码界面鼠标右键运行代码

 HTML学习——VS Code环境搭建、创建第一个网页_第11张图片

9.显示效果

HTML学习——VS Code环境搭建、创建第一个网页_第12张图片

你可能感兴趣的:(HTML,html,学习,前端)