安装VS code,并安装html和css的插件

安装VS code

在浏览器中输入链接,VS code下载地址 可以看到下图,点击下载安装包。VS code下载页面
我个人是将安装包放到E盘里。
在这里插入图片描述
双击安装程序:
在这里插入图片描述
然后:
在这里插入图片描述
接下来选择你要将VS code安装到哪里,我个人喜欢创建一个object文件夹,然后将程序安装在object下。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
开始等待
在这里插入图片描述
在这里插入图片描述

为VS code安装插件

在这里插入图片描述
在搜索框内输入html,安装第一个插件:
在这里插入图片描述
像这样就说明已经安装完成:
在这里插入图片描述

点击file,new file,创建一个文件,默认名字为Untitled-1,按Ctrl+S保存,把名字设为HelloWord,文件类型选择HTML后保存。我个人喜欢保存在F盘。

在这里插入图片描述

在文件中输入如下代码:按Ctrl+S保存。

<html>
    <head>
        <title>My Fist HTML</title>
    </head>

    <body>
        Hello World!
    </body>
</html>

在这里插入图片描述

用浏览器打开HelloWorld.html文件
在这里插入图片描述
如果浏览器如下图所示:
在这里插入图片描述
说明VS code已经安装完成。

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VS Code中运行HTMLCSS代码,你可以按照以下步骤进行操作: 1. 首先,确保已经安装VS Code,并且已经安装了适用于HTMLCSS件,如"HTML CSS Support"等,以便提供语法高亮和代码提示等功能。 2. 创建一个新的HTML文件或者打开已有的HTML文件。你可以使用快捷键"Ctrl+N"创建新文件,然后将文件保存为".html"格式。 3. 在HTML文件中编写你的HTML代码,包括标签、样式和脚本等。例如,你可以创建一个简单的HTML文档结构,包含<head>和<body>标签,并在<body>中编写网页内容。 4. 如果你使用了CSS样式来美化你的网页,可以在HTML文件中使用<style>标签来嵌入CSS代码,或者将CSS代码单独保存为".css"格式的文件,并在HTML文件中使用<link>标签引用。 5. 当你完成了HTMLCSS代码的编写,可以使用VS Code提供的预览功能来查看结果。你可以按下"Ctrl+Shift+V"快捷键来打开预览窗口,或者右键点击编辑区域并选择"Open Preview"。 6. 在预览窗口中,你将能够看到你的网页在浏览器中的实时效果。如果你对代码进行了修改,预览窗口会自动更新以显示最新的结果。 除了使用预览功能之外,你也可以使用VS Code提供的调试功能来运行HTMLCSS代码。你可以在VS Code安装适用于特定浏览器的调试件,如"Debugger for Chrome"。然后,你可以设置断点并启动调试会话,以便在浏览器中逐行查看代码的执行过程。 总结起来,使用VS Code运行HTMLCSS代码需要依赖件和预览功能。你可以通过编写代码并在预览窗口中查看效果,或者使用调试功能在特定浏览器中进行逐行调试。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值