首次使用VS-code打开html文件所需操作

最新推荐文章于 2021-07-19 17:31:50 发布
最新推荐文章于 2021-07-19 17:31:50 发布
阅读量323 收藏
点赞数 1
分类专栏： html 文章标签： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wi1de_dh/article/details/101165083
版权

一、首先新建一个工程或者一个新文件

点击下面这个图标

接着在搜索栏搜索：open in borwser

安装下图中选中的那个插件

二、点击文件编辑你的代码

 三、保存文件

！！！！

在保存文件时，一定记得在文件名末尾改成 " .html"

四、运行成功

MAlone-
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
VS之mht文件显示
冰点蓝欣的专栏
09-05 1386
本篇文章主要介绍在对话框上显示html或者mht文件。 首先，新建对话框应用程序 添加Static控件到对话框中，此区域用于显示html文件。 然后，添加相应函数处理类 // HtmlViewDemoDlg.h : 头文件 // #pragma once #include "afxwin.h" #include // CHtmlViewDemoDlg 对话框 clas
postgres-tutorial:面向Code Institute学生的Code-Along项目，该项目首次学习使用Python的PostgreSQL
04-20
我们已经预装了您入门所需的所有工具。 您可以安全地删除此README.md文件，或为您自己的项目进行更改。 不过，请至少阅读一次！ 它包含有关Gitpod和我们使用的扩展的一些重要信息。 Gitpod提醒 要在Gitpod中运行...
vscode新建html
angcao6960的博客
12-03 149
点击左上角文件-->新建文件 输入文件名加后缀，例如：a.html 然后鼠标点击空白处就ok了 转载于:https://www.cnblogs.com/ycthink/p/10056858.html
VS Code如何在浏览器中打开Html文件？
weixin_34320159的博客
08-01 358
1、首先打开扩展 　　“ 文件 → 首选项 → 按键映射扩展” 　　快捷键：[ Ctrl+K Ctrl+M ] 　　 2、在出现的窗口输入“open in browser”，安装 　　 3、打开Html文件 　　Alt+B：在默认浏览器打开 　　Ale+Shift+B：在其他浏览器打开 　　 　　OK~~~ 转载于:https://www.cnblogs.co...
VSCode如何直接打开html文件
一尾流莺 半世情缘
04-15 6850
用VSCode的同行越来越多，但是有人功能还不太熟练，是不是有点小尴尬啊哈哈。 功能实现： 直接打开Html 操作步骤： 快捷键 Ctrl+shift+x 打开vscode的应用商店！ 输入 view in browser或者 open in browser安装! （两者都可实现，不过open的下载量和评分都比view高！） 安装完之后会有个重新加载！用以激活安装的插件！点击重新加载！...
VS2017如何解决打开html文件没有设计视图的问题
Marshallren的博客
08-11 7639
前言：前阵子敲牛腩的时候发现自己的VS里没有视频里右下角的设计、拆分、源文件选项，导致视频里一些设计操作自己没法弄，因此自己查了查，写篇博客作为记录。 1.点击菜单中的工具-选项 2.打开文本编辑器-文件扩展名，在扩展名中输入html，选择编辑器中的HTML（Web窗体）编辑器 3.将下面的复选框勾上，并选择右边的下拉框为HTML（Web窗体）编辑器 4.之后重启VS，打...
git-tuto：测试资料库
02-28
设置项目在开始练习之前，您必须安装运行练习所需的所有代码。 打开终端并运行以下命令。 npm install仔细阅读出现的消息。 有没有错误？ 如果是这样，请向导师寻求帮助。开始练习要进行第一个练习，请在终端中运行...
utf-8 网页不显示+utf-8网页乱码的通用解决方法
10-30
如果ASP或其他服务器端脚本存在错误，那么页面在初次打开时可能显示正常，但在进行页面刷新等操作后，就可能出现乱码。这是由于程序错误导致传输数据的过程中出现了问题。所以，开发人员应该确保程序运行无误，才...
HTML个人主页模板.zip
最新发布
04-22
使用文本编辑器（如Visual Studio Code、Sublime Text等）打开HTML文件，修改相关内容。同时，你可能需要根据模板中的注释指示，替换占位符或链接到自己的资源。 6. 测试与发布： 在编辑完成后，使用浏览器打开...
idea使用详细教程
01-09
- **lib**：存放 IDEA 所需的依赖类库。 - **license**：包含各种插件的许可证。 - **plugins**：存放已安装的插件。 **1.2 启动配置** IDEA 支持 32 位和 64 位版本，根据计算机系统选择合适的版本。以 64 位...
VScode如何在浏览器中打开html文件
pinbolei的博客
11-26 6万+
Vscode默认是在控制台下查看html文件，对于我们查看和调试都很不方便，那如何在浏览器中打开呢？ 1.新建一个HTML文件 2.点击左侧的扩展，打开扩展栏 3.在扩展栏的搜索栏中输入open in browser，找到open in browser这款插件，点击右下角“安装”字样即可安装。 因为我已经安装了，所以再搜索不会显示安装字样 4.安装完成后可以看一下这款插件的扩展文档，里面有插...
vs code实现调试运行html文件
Polaris的博客
07-19 5132
1.打开vs code 2.用Ctrl+Shift+X打开扩展栏，在输入框中输入"live server"，在下方显示的所有扩展中选择"Live Server"并安装 3.编辑你的html文件 4.将.html文件所在位置另存为工作区 5.方法1：打开左侧边栏的资源管理器（或者用Ctrl+Shift+E快捷呼出），选中要调试运行的.html文件，单击右键选择"Open with Live Server"即可在显示.html在浏览器中展现的结果 6.方法2：点击“运行”（F5），根据自己的需求选择运行环境
使用VSCode 断点调试 js项目，html页面
weixin_30414305的博客
12-15 1502
一、效果目的 1.在VSCode里，直接F5打开html页面，并且可以在编辑器里，进行断点调试js代码； 二、工具准备 1.VSCode 软件 2.一个js项目 3.VSCode 上装一个插件：Debugger for Chrome 如图 三、配置文件更改 1.用VSCode装载项目 2.然后按F5，出现这个框 选择 Chrome 3...
VsCode怎么运行html界面
热门推荐
Danile-丹丹的博客
06-26 15万+
一般我们安装完VsCode需要安装很多插件。若是想在vscode运行我们编好的代码在各浏览器进行运行修改bug。如下图：那么我们可以安装两个插件：①：open in browers使用它的方式有alt+b运行；或者切换alt+shift+b切换不同浏览器运行；并且可以运行多个界面②view in browers可以在自己想打开的htm目录中右键，出现view in browser即可运行打开；但是...
用VScode写个html
学习的博客
02-13 1万+
打开vs，新建文件，点击右下角的语言栏，改成html,一开始默认的是文本 在第一行打下感叹号，确定光标在感叹号的后面，之后按下tab键或者enter键都可以，就会生成，html的基本语法，（当然，你也可以一个一个的把html的基本元素打出来） ...
VScode的一些常用基本配置（持续更新）
qq_36430799的博客
09-20 969
一、设置将html文件运行在本地服务器 Vscode是一个开源的且非常轻量好用的IDE，和Sublime一样，拥有很多的插件使得VsCode很强大，在Sublime中我们可以通过插件配置本地服务器，当然在VSCode中同样可以做到，请看下面方法，顺便附上Sublime的配置方法 1、搜索插件【live Server】 2、安装插件。 3、右下角有【Go ...
初次使用vscode步骤、编写及运行html避雷
qq_43592160的博客
04-17 1131
设置语言 如果是首次使用vscode设置中文（当然英语好的除外）快捷键Ctrl+shift+p弹出对话框 首次设置输入Configure Display Language 在vscode中编写html 1、文件选项卡在新建文件会出现下图，点击右下角纯文本输入html 2、输入！后按tab键，html页面就算是创建完毕。 运行HTML 1、安装此插件View in browser View in browser作用：默认浏览器中运行该文件（运行前请手动保存） 2、以同样的方法安装debuggerfor ch
vscode浏览器打开html vscode修改默认浏览器
luzhensmart的专栏
12-01 1万+
1.vscode怎么浏览器预览   1.点击拓展 2.输入open in browser，选择第一个 3.点击安装 2.vscode怎么修改默认浏览器
vs code打开pyc文件
05-27
VS Code默认情况下不能直接打开pyc文件。因为pyc文件是Python编译过的二进制文件，不是纯文本文件。如果你想查看pyc文件的内容，可以使用反编译工具将其转换为Python代码。以下是一个示例： 1. 安装 uncompyle6 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值