如何在VSCode里快速新建一个html文件并运行

最新推荐文章于 2024-08-01 23:48:31 发布
最新推荐文章于 2024-08-01 23:48:31 发布
阅读量3.1k 收藏 4
点赞数 2
文章标签： html javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jet_Lover/article/details/113752975
版权

首先新建一个html文件，取名后缀为XXX.html，如图
在这里插入图片描述
建好文件之后是空的，然后输入！同时按下tab键就自动生成html目录了
在这里插入图片描述
在这里插入图片描述
目录建好后怎么运行呢？
在这里插入图片描述
打开扩展商店，输出op就出来了，选择第一个open in browser安装
在这里插入图片描述
安装好了之后就可以运行啦，快捷键是alt+b，当然也可以在项html文件中点击鼠标右键来运行，如图
在这里插入图片描述
然后选择浏览器来运行，推荐最好选择谷歌，运行效果如下
在这里插入图片描述
最后有人问，这个中文是怎么设置的？也是在应用商店里面搜索language然后选择中文的下载然后重新启动VSCode就可以啦
在这里插入图片描述
在这里插入图片描述

Jet_closer
关注
VSCode快速生成HTML基础模板--输入！一键快捷生成--无法自动生成的解决办法
m0_68390607的博客
08-02 3243
操作很简单：输入英文感叹号!，并按【tab键】即可快速生成HTML模板即可。但在此之前，我们要准备什么，确保生效呢？有很多伙伴反应，输入！，VScode并没有反应。接下来，让我们一起解决这个问题。1、输入！无反应原因 ：区别中英文解决办法：我们要记得这里的感叹号必须输入英文形式!,才可以生效。2、输入！无反应 原因："Trigger Expansion On Tab" 未打开解决办法：点击设置管理...
vscode新建html运行js,用Visual Studio Code创建JavaScript运行环境
weixin_29007243的博客
06-03 2969
什么是VSCodeVisual Studio Code (简称 VS Code / VSC) 是一款于2015年由微软免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。一般我们开发web应用都推荐WebStrom,但是目前自己正处于学习阶段觉得...
在vscode中新建html文件的两种方法
热门推荐
qq_43142545的博客
09-13 5万+
在vscode中新建html文件的两种方法: 第一个方法: 1 点击菜单【文件】，如图所示。 2 点击【新建文件】，如图所示。 3 就会创建一个没有命名的文件，如图所示。 4 点击选择语言开始，会弹出选择语言模式，在自动检测的下拉菜单中选择html，一个没有命名的html文件就创建好了。 5 点击保存或者另存为，给没有命名的html起个名字,可以起字母,数字,中文，起好名字,点击保存，一个html文件就创建好了。 6 我们在html文件上输入【!】叹号(在英文状态下)，然后按键盘的【Tab】键，只
VSCode自定义快捷键，助力程序开发！
最新发布
2203_75907074的博客
08-01 578
人越懒，就越有动力让自己的生活更加方便 人越有动力让自己的生活更加方便，就会越勤奋地去寻找相应的方法 所以人越懒，人越勤奋
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_30362083的博客
03-15 651
在Vscode新建html文件 1、点击Open Folder： 2、选择目标文件夹，新建一个拓展名为html的文件： 3、在第1行输入!（英文状态下），按tab键，新建成功。界面如下图所示： 转载于:https://www.cnblogs.com/zhangyu10/p/10535730.html...
vscode新建html文件
helloic的博客
08-23 967
3.输入感叹号，并按【tab键】即可快速生成HTML模板。1.选择需要建html的文件夹，点击新建文件。2.输入名字，以.html结束。
【HTML专栏2】VSCode的使用（新建HTML文件）
小黄鸭的博客
09-07 2828
VSCode新建HTML文件，保存，快捷键基础结构代码
vscode新建一个最简单的vue项目
09-27
在本文中，我们将深入探讨如何使用Visual Studio Code（VSCode）创建一个最简单的Vue.js项目。Vue.js是一款轻量级的前端JavaScript框架，以其易学易用和强大的功能深受开发者喜爱。VSCode作为一款功能丰富的代码编辑...
vscode调试html文件,vscode调试html文件
weixin_39841136的博客
06-04 1601
1. vscode调试html文件主要说明使用使用Debugger for Chrome插件如何配置，以及Nodejs的方式调试.本文的配置方式是基于deepin系统的，适用于所有debian系的Linux系统1.1. 使用Debugger for Chrome进行调试首先下载对应的插件Ctrl+Shift+x打开插件商店，搜索chrome即可看到该插件，点击安装->重新加载即可该插件的配置...
visual studio code 编译运行html css js文件的教程
08-19
对于前端开发者来说，它是一个强大的工具，能够帮助编写、调试和运行这些文件。以下是如何在VS Code中编译和运行HTML、CSS和JavaScript文件的详细步骤： ### 安装VS Code 首先，你需要从官方网站下载并安装Visual ...
VsCode新建VueJs项目的详细步骤
10-19
本篇文章将详细介绍如何在VsCode环境下快速新建一个Vue.js项目。 首先，我们需要了解几个关键点： 1. Vue-cli是Vue.js官方提供的一个完整的命令行工具，它提供了一种快速生成Vue项目模板的方式，极大地简化了项目...
在vscode中创建html文件的方法
weixin_66958882的博客
01-24 2364
vscode如何创建html文件
vscode怎么新建html文件_不可不知的4个妙招：像高级开发者一样玩转VSCode
weixin_39626586的博客
11-25 685
全文共2980字，预计学习时长8分钟图源：unsplashVSCode是我们最常用的代码编辑器之一，熟练使用VSCode能够让我们很大程度上提升编程效率。本文中笔者就将介绍一些VSCode的进阶使用技巧。多光标操作有时，我们可能需要在不同的位置同时键入相同的内容。例如，在下面的代码中，我们想要先为第一、三、五个标签添加属性class=“odd”，然后为第二、四、六个标签添加属性class="eve...
vscode：创建html文件
cxx187968的博客
09-02 2714
vscode：创建html文件 一.创建html文件： 1.创建后缀名为.html文档 2.创建html的文档结构
Vscode 新建HTML文件
12程序猿的博客
07-06 1万+
如何使用vscode新建 html文件，介绍如下： 1.打开vscode，点击Open Folder 2.选择目标文件夹，新建一个扩展名为.html的文件： 3.在第一行输入 !(英文状态下)，按tab键，新建成功。界面如下图所示：
Vscode如何新建html文件
小泽
02-11 6247
1、点击Open Folder： 2、选择目标文件夹，在本地新建一个拓展名为html的文件： 3、在第1行输入!（英文状态下），按tab键，新建成功。界面如下图所示： ...
vscode 快速新建一个HTML文件
Brick的博客
07-29 5万+
现在工作中很少会去重新写一个html文件，以致很多简单有效的快捷键都不太会用，写个笔记供以后参考，如有不对，请指正… 1.在代码编辑器（vscode,pycharm,phpstorm）中新建一个xxx.html文件 下面以vscode为示例： 2.英文模式下输入：! 后按tab键 //这样一个简易的html文件就写完了 想要快速打开HTML文件查看编辑效果 1.点击编辑器主界面...
vscode运行html+css+js项目
08-30
3. 在index.html文件中编写HTML代码，可以使用VSCode提供的HTML代码提示和自动补全功能，来快速编写HTML结构和标签。 4. 在HTML代码中引入CSS文件和JS文件。可以使用link标签引入CSS文件，使用script标签引入JS文件...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jet_closer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值