Visual Code 开发web 的hello world

我以前做过，后来忘了怎么做了，所以还是要做个记录。

本文介绍visual code 开发web 的hello world

打开Visual Code ，打开目录Open folder，如果原来没有准备好一个你的目录，可以新建一个目录，这里为： simpleweb

新建一个文件比如hello.html

我这个图根据教程还有多几个文件，文件内容为：


html>
<html lang="en">
    <head>
        <title>Hellotitle>
    head>
    <body>
        hello world!
    body>
html>

下面就是要在浏览器里显示这个内容，标题为hello，显示内容为hello world!

这就需要安装extension，见下图，这里要左边栏选择Extention 或者菜单 View->Extension

在上面框中输入 open in ，然后就出现下图：

安装open in browse ,图中是已安装好的状态。

安装好了就可以要浏览器里显示网页了，如下图：

这里在浏览中选择文件 hello.html 右键出现菜单，选择open in Default Browser 或者Alt + B

这样浏览器中就显示了网页内容。

实际的网页中还有css javascript等文件，参考的链接中就是有个完整的例子，这里就不多介绍了。

相关阅读:
k8s-实战——Harbor镜像仓库的部署
Postgres SQL 的json 数据优势和劣势
网络编程day5作业
Git：基本命令
怎么把mp4转换成amv格式？如何下载amv格式视频？
基于深度学习的人脸性别识别系统（含UI界面，Python代码）
3d稀疏卷积——spconv源码剖析（四）
神经网络模型的训练过程,神经网络模型训练过程
Revit中柱与梁不能连接问题和“柱断墙梁”功能介绍
python与neo4j

原文地址：https://blog.csdn.net/leon_zeng0/article/details/133329523