vscode编写html程序

最新推荐文章于 2024-01-13 19:16:50 发布
最新推荐文章于 2024-01-13 19:16:50 发布
阅读量4k 收藏 13
点赞数 1
分类专栏： html 文章标签： vscode html ide
@Lemon爱吃苹果
本文链接：https://blog.csdn.net/m0_52592128/article/details/131502823
版权

vscode编写html程序

1.新建文件

新建文件

2.选择语言为html

选择语言为html
在这里插入图片描述

3.编写html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>Welcome to lemon爱吃苹果</div>
</body>
</html>

4.运行程序

首先安装open in browser插件

安装open in browser插件

接着，回到项目，按住键盘alt + b 就可以运行项目

运行结果
运行结果如图所示。

如果你看到这里，恭喜你，完成了用vscode书写第一个html文件！

如果文章对你有用的话，点个赞再走哟~

Ada大侦探
关注
  • 1
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python-sample-vscode-flask-tutorial：VS Code文档中Flask教程的示例代码
02-24
Visual Studio Code的Python / Flask教程 此示例包含本教程中完整的程序，请确保访问链接： 。 不包括中间步骤。 它还包含使用生产服务器构建容器所需的Dockerfile和uwsgi.ini文件。 生成的图像既可以在本地使用，也可以在部署到Azure App Service时使用。 请 。 要在本地运行该应用程序： 运行命令cd hello_app ，以切换到包含Flask应用程序的文件夹。 运行命令set FLASK_APP=webapp （Windows cmd）或FLASK_APP=webapp （macOS / Linux）指向应用程序模块。 使用flask run启动Flask服务器。 startup.py文件 在根文件夹中， startup.py文件专门用于在不使用应用程序的容器化版本的情况下（不直接作为容器部署代码）而部署到Linux上的
微信小程序,点餐系统(包含前端小程序,后台nodejs及mysql数据库表)
01-27
mhzqx-weChatApp 微信小程序-点餐系统（包含前端，后台及数据库表） 小程序预览 由于没有正式上线使用，仅作为demo使用，所以请移步csdn预览动图： 满汉子全席——点餐小程序 本小弟参加实训使用微信开发者工具写的点餐小程序项目，同时使用nodejs编写后台部分来操作数据库，和我一样初学小程序或nodejs的可以在本项目中学习了解关于小程序代码结构组织，模块化，构建等内容，入门小程序及nodejs的好选择。 技术栈及工具 工具：微信开发者工具 vscode mysql 前端： html + css + js + 小程序api + weui 后台： nodejs + express框架 + mysql数据库 起手式 star and fork本项目 安装node环境 git clone (本项目地址) 前端小程序页面打开步骤： 使用微信开发者工具导入 mhzqx小程序文件夹
教你快速使用VSCode编写HTML文件
半生瓜のblog
05-09 4万+
我的小站——半生瓜のblog 教你快速使用VSCode编写HTML文件1.配置2.更改默认打开浏览器 1.配置 首先在官网下载VSCODE并完成安装，[vscode官网]。(https://code.visualstudio.com/) 汉化——打开软件，左侧工具栏最后一个是插件栏，点击去搜索Chinese,选择第一个安装，如图。 安装相关插件——搜索html,安装如下插件，如图。 选择左上角文件，打开文件夹。 然后新建文件，文件后缀是.html。 打开是一片空白，输入一个.
visual studio code 编译运行html css js文件的教程
08-19
主要介绍了visual studio code 如何编译运行html css js文件,本文通过图文实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
VSCode牛掰的前端编辑器
12-27
前端开发中，有一个非常好用的工具，Visual Studio Code，简称VS code 用于在Google Chrome浏览器或支持Chrome DevTools协议的其他目标中调试JavaScript代码的VS Code扩展。自动帮你完成头部和尾部闭合标签的同步修改，一个与camelCase代码配合良好的基本拼写检查程序。检查程序的目标是帮助捕获常见的拼写错误，同时保持误报数量较低 VS Code的Azure存储扩展允许您部署静态网站并浏览Azure Blob容器，文件共享，表和队列。按照本教程从VS Code部署Web应用程序到Azure存储。
前端基础从头学——VsCode使用教程+html基础（入门篇）
DecorateCC的博客
05-01 1万+
前端基础从头学——VsCode使用教程+html基础（入门篇）
vscode怎么运行代码HTML 怎么在vscode编写HTML代码
QQ_____365392777的博客
05-30 4万+
vscode怎么运行代码HTML 怎么在vscode编写HTML代码 vscode怎么运行代码HTML?vscode是一款源代码编辑器软件，能够用于windows、macOS以及Linux系统，具有丰富的其他语言。网站html编写也需要使用到vscode，但是很多小伙伴们不知道如何运行编写html代码，那么今天就来教大家vscode怎么运行代码HTML以及怎么在vscode编写HTML代码，一起来看看吧。 vscode怎么运行代码HTML 1、首先打开vscode软件，新建一个HTML文件，后缀名也需要写上
vscode如何创建并打开html文件（骨灰级新手友好）
m0_65163985的博客
04-12 1万+
open in browser要下载1.1.0版本，但是会发现只能找到2.2.0的，所以我们这样做。填上一个你已经安装好的浏览器， 我这里填的是火狐，你填其它的也可以。(简体中文)，重启后发现就变成中文（对于原来是英文版的小伙伴）1. 先打开Visual Studio Code。最后在空白处点击鼠标右键， 然后选择。2. 下载三个插件 ，点击第五个图标。选择1.1.0版本的安装即可。然后配置你要打开在哪个浏览器。设置放置的位置后就可以得到。然后右击鼠标，点击“右键鼠标 -> 点击。
在vscode中创建html文件的方法
weixin_66958882的博客
01-24 2235
vscode如何创建html文件
一看就会系列之如何使用Vscode配置Html
最新发布
2301_79002390的博客
01-13 1575
4.Easy LESS (用于实现编写less文件后生成css文件和wxss文件)5.LIve Server(实时预览运行效果）（只要代码有变化就可以自动进行更新）6.Open in browser（运行代码在浏览器打开并且查看运行结果）输入“configure language”，然后回车。1.Auto Rename Tag (同步修改前后标签的插件)在“vscode”顶部会出现一个搜索框。如果有不理解的地方可以加关注私信我。----对于字体的修改和自动保存。下一步，下一步，安装。
vscode-auto-rename-tag：自动重命名配对HTMLXML标签
02-03
自动重命名标签 与Visual Studio IDE一样，自动重命名配对HTML / XML标记。 赞助商 Tabnine的AI代码完成功能可提高您的编码效率！ Tabnine是一款免费的功能强大的人工智能助手，旨在帮助您更快地编写代码，减少错误并发现最佳编码实践，而无需离开VS Code。 Tabnine受到全球超过一百万开发人员的信任。 。 消除上下文切换和昂贵的干扰。 使用跳转到定义，键绑定和其他IDE收藏夹，从IDE内部创建和合并PR并执行代码审查。 预订VS Code ：带你深入浅出VS Code！ :red_heart: 贡献者 重写此扩展程序的逻辑！ 产品特点 重命名一个HTML
vscode-azure-iot-edge:适用于Visual Studio Code的Azure IoT Edge
04-28
通过该扩展包，可以使用流行的IoT开发板轻松编写，构建，部署和调试IoT应用程序。 开发人工智能并将您的自定义逻辑部署到 。 此扩展包使您可以轻松编码，构建，部署和调试IoT Edge应用程序。 概述 通过提供丰富的...
vanessa-clock:训练营练习。 我的时钟应用程序版本
05-30
计时器 描述 训练营练习。 我被要求开发一个类似于秒表或倒计时的迷你应用程序。 这是我的时钟应用程序... 编写了所有功能，除了时钟，没有 UI，并使用 VScode 控制台进行调试。 我决定使用 Date javascript 对象，而
vulncost:在编写代码时在开源npm软件包中查找安全漏洞
03-22
创伤成本 世界上最简单的VS Code安全扫描器 Vuln Cost-VS Code的安全...在编写代码时，内联查看项目漏洞：直接在编辑器中查看反馈。漏洞成本显示您的软件包添加到项目中的漏洞数量。 在来自知名CDNJavaScript包中查找
vscode-azure-iot-toolkit:适用于Visual Studio Code的Azure IoT中心扩展
05-01
通过该扩展包，可以使用流行的IoT开发板轻松编写，构建，部署和调试IoT应用程序。 开发人工智能并将您的自定义逻辑部署到 。 此扩展包使您可以轻松编码，构建，部署和调试IoT Edge应用程序。 概述 与Azure IoT中心...
在vscode中新建html文件的两种方法
热门推荐
qq_43142545的博客
09-13 5万+
在vscode中新建html文件的两种方法: 第一个方法: 1 点击菜单【文件】，如图所示。 2 点击【新建文件】，如图所示。 3 就会创建一个没有命名的文件，如图所示。 4 点击选择语言开始，会弹出选择语言模式，在自动检测的下拉菜单中选择html，一个没有命名的html文件就创建好了。 5 点击保存或者另存为，给没有命名的html起个名字,可以起字母,数字,中文，起好名字,点击保存，一个html文件就创建好了。 6 我们在html文件上输入【!】叹号(在英文状态下)，然后按键盘的【Tab】键，只
vscode中创建html
低代码布道师的博客
10-09 2021
打开vscode，选择文件的新建文件按钮 按快捷键ctrl+s输入我们的文件名，点击保存按钮 在光标的位置输入!这样就会自动生成html的骨架标签 切换到扩展菜单，输入open in browser 安装扩展 切回到代码视图，鼠标右键，选择open in default browser就可以在默认浏览器打开网页啦 ...
用VScode写个html
学习的博客
02-13 1万+
打开vs，新建文件，点击右下角的语言栏，改成html,一开始默认的是文本 在第一行打下感叹号，确定光标在感叹号的后面，之后按下tab键或者enter键都可以，就会生成，html的基本语法，（当然，你也可以一个一个的把html的基本元素打出来） ...
使用vscode编写html代码
贝la的博客
06-11 8668
原文链接：https://www.jianshu.com/p/f8b10f99a0ed
vscode新建一个项目
05-01
要使用Visual Studio Code新建一个项目，首先需要安装Visual Studio Code软件，并确保已经安装好了所需的开发工具和插件。接下来，可以按照以下步骤操作： 1. 打开Visual Studio Code软件，点击左侧的“打开文件夹”图标，在弹出的窗口中选择要新建项目的文件夹。 2. 在新建项目的文件夹中创建所需的文件和文件夹，例如HTML、CSS、JavaScript等文件。 3. 在Visual Studio Code中点击左上角的“文件”菜单，选择“保存工作区为...”并为该项目选择一个名称和路径。 4. 如有需要，可以使用Visual Studio Code内置的版本控制系统Git对项目进行管理。 5. 在Visual Studio Code中使用所需的插件和工具对项目进行开发和调试。 总之，使用Visual Studio Code新建一个项目非常简单，只需要按照上述步骤进行操作即可。请确保选择正确的文件夹并为项目命名，以便更好地管理和使用项目。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值