vscode更便捷运行代码插件以及HTML部分标签

最新推荐文章于 2024-06-24 20:05:23 发布

Amnesia_coffee

最新推荐文章于 2024-06-24 20:05:23 发布

阅读量187

点赞数 3

分类专栏：前端文章标签： vscode ide 编辑器

本文链接：https://blog.csdn.net/m0_75026719/article/details/138212675

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

VScode插件：安装open in brower

右击代码界面上面一个默认浏览器，下面一个选择其他浏览器

上一章标签后续：

<img> 单标签，表示图片
<a>设置超文本链接

<img> 单标签，表示图片

属性：

src:图片路径
alt:规定图像的替代文本
width:规定图片的宽度
height：规定图片的高度
title:悬停图片提示

图片路径：绝对路径，相对路径，网络路径

绝对路径：电脑盘符存储与访问的具体地址

相对路径：

子级关系：/
父级关系：../
同级关系:./或者可以省略

网络路径：网络链接

<a>属性：使用href属性来描述链接地址

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Amnesia_coffee

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【HTML】常用标签语义及用法、VSCode开发常用插件

weixin_45895411的博客

03-07

4501

本文介绍HTML基础知识，包括编辑器的使用，html的结构以及常用标签

vscode 分析c代码_自己使用过比较好用的VSCode插件

weixin_39528697的博客

01-12

4463

C/C++ [ms-vscode.cpptolls] 智能推导，调试和代码浏览C/C++ Clang Command Adapter [mitaki28.vscode-clang] 使用Clang的命令来分析C/C++/Object-C的代码诊断，还有代码补全。C/C++ Snippets [hars.cppsnippets] 有用的C/C++代码片断，节省时间C++ Algorit...

参与评论您还未登录，请先登录后发表或查看评论

精选！必备的 VSCode 插件（前端类）

03-30

vscode 常用插件手动放到 .vscode/extensions/ 下，包含插件如下： Angular2V0.4.1.vsix auto-close-tagV0.5.6.vsix auto-rename-tagV0.0.15.vsix autoimportV1.5.3.vsix beautifyV1.3.0.vsix bracket-pair-colorizerV1.0.27.vsix change-caseV1.0.0.vsix code-runnerV0.9.3.vsix color-infoV0.5.0.vsix fileheadercommentV0.0.3.vsix gitlensV8.1.1.vsix html-snippetsV0.2.1.vsix icon-fontsV1.10.1.vsix JavaScriptSnippetsV0.2.0.vsix jquery-snippetsV1.0.0.vsix material-darkV1.1.0.vsix minifyV0.3.0.vsix npm-intellisenseV1.3.0.vsix open-html-in-browserV0.1.21.vsix path-autocompleteV1.8.1.vsix prettier-vscodeV1.2.2.vsix project-managerV0.25.0.vsix quokka-vscodeV1.0.116.vsix stylelintV0.35.0.vsix syncingV1.5.3.vsix theme-onedarkV0.5.2.vsix tsimporterV1.2.14.vsix typelensV1.5.0.vsix veturV0.11.7.vsix vetur-eV0.11.7.vsix vscode-css-peekV2.1.0.vsix vscode-eslintV1.4.8.vsix vscode-exports-autocompleteV0.5.4.vsix vscode-fakerV1.2.1.vsix vscode-git-historyV1.0.3.vsix vscode-html-cssV0.2.0.vsix vscode-iconsV7.22.0.vsix vscode-javascript-snippet-packV0.1.5.vsix vscode-regexp-preivewV0.0.3.vsix vscode-todo-highlightV0.5.12.vsix vscode-typingsV0.0.5.vsix vueHelperV0.1.6.vsix

在 VS Code 中运行 html 用到的插件

Evelyn_178的博客

07-11

3172

启动一个具有静态和动态页面实时重新加载功能的开发本地服务器，用于实时预览运行效果。使用 open in browser 运行代码时，只要代码有变动，就需要手动刷新重新预览页面运行结果，而 Live Server 可以自动刷新运行结果。运行代码片段或代码文件的多种语言：C、C++、Java、JavaScript, PHP、Python、Perl、Perl 6、Ruby、Go等40多种语言和自定义命令。在默认浏览器或应用程序中打开当前文件，用于运行代码。选择在其他浏览器中运行。选择在默认浏览器中运行。

VSCode创建并运行html页面（使用Live Server插件）

最新发布

m0_51371779的博客

06-24

1061

打开浏览器，输入网址 http://localhost:【端口号】/【html文件名】.html，我这里是http://localhost:5500/testhtml.html，大家根据自己的端口号和html文件名修改网址。在输入框中输入“xxx.html”，其中xxx是html文件的名字，回车。点击扩展按钮，搜索Live server，点击“安装”按钮。在弹出的窗口中选择刚才新建好的文件夹，点击“选择文件夹”在VSCode中点击“文件”，再点击“打开文件夹”在打开的文件夹中选择“新建文件”按钮。

VScode插件——HTMLHint插件使用指南、规则配置说明指南、如何修改HTMLHint规则

这里是ShareJasmine的博客~

10-13

2206

VScode插件——HTMLHint使用指南、规则配置说明指南、如何修改HTMLHint规则。HTMLHint是一个用于检查HTML代码错误和潜在问题的插件。它提供了一系列的规则，用于检查HTML代码的语法、结构、标签使用等方面的问题。说白了就是以.html后缀结束的文件，进行语法检查，方便我们及时找到代码错误。

vscode中的神级html插件

m0_48096446的博客

11-18

1737

VSCODE上的神级插件Html play

vscode 插件插件插件插件插件插件插件

07-14

VSCode(Visual Studio Code)是一款由微软开发的免费、开源的代码编辑器，深受开发者喜爱。...安装这些插件后，你可以轻松地进行Jupyter Notebook开发、Python编程、远程开发以及保持代码风格的统一，大大提升开发效率。

VSCode1.61_嵌入式便捷式_含必备插件

08-13

- **Code Runner**：一键运行代码，支持多种编程语言，快速测试代码片段。 - **Prettier**：自动格式化代码，保持代码风格的一致性。 - **REST Client**：方便发送HTTP请求，测试API接口。 - **Task Runner**：...

便携式vscode,集成嵌入式常用插件（解压即用）

07-18

总的来说，便携式VSCode集成嵌入式常用插件的目的是为了提供一个便捷、高效的开发工具，使嵌入式开发者能够在任何环境下迅速进入工作状态，同时享受到强大的编辑和调试功能。这种打包好的解决方案减少了设置时间，让...

VSCODE的C/C++插件

03-01

本文将深入探讨VSCODE的C/C++插件，以及它如何帮助开发者提升效率和代码质量。 C/C++插件，全称为`ms-vscode.cpptools`，是微软官方为VSCODE特别设计的，用于提供C和C++的开发环境。该插件版本号为1.6.0，包含了...

一、HTML VScode常用插件

Yang

07-22

3471

优点：一边编写代码一边保存，即实时刷新预览，大大提升开发测试效率。Theme 作用：显示 Vscode 文件、文件夹的图标。作用：修改标签，自动帮你完成头部和尾部闭合标签的同步修改。作用：该插件可通过编辑器打开默认浏览器显示代码效果。插件名称：Chinese 中文（简体）语言包。插件名称：Auto Rename Tag。插件名称：open in brower。插件名称：Material Icon。插件名称：carbon-now-sh。插件名称：Live Server。作用：通过插件可以开启本地服务。

vs code 安装 HTML+CSS 书写增强型插件

weixin_52275610的博客

10-03

4496

首先在扩展商店中搜索 HTML，下载框中的三个插件，第一个用于对 HTML 的一些书写支持（俺也不太清楚，看视频选的，但是好像被禁用了，说是有其他的插件对其受限，怀疑是因为和第二个起了冲突）；（如果是下图情况，直接回车即可），即可在 vscode 中查看刚刚写的页面，然后我们要修改时，只要保存完成那么这个内嵌的页面窗口就会立即自动刷新，而不用我们手动进行刷新。最后，本文会持续修改和更新，如果对本分栏的其他知识也感兴趣，可以移步目录导航专栏，查看本分栏的目录结构，也更方便对于知识的系统总结！

VSCode的HTML插件

游戏乐趣的博客

04-25

2072

VSCode的HTML插件 VSCode是非常好用的代码编辑编译工具，简单配置即可适用于很多种语言。编辑HTML也同样非常优秀。我的VSCode版本里默认安装了emmet，这里是两个推荐的插件。 Live Server 实时同步代码到浏览器，VScCde中保存代码就可以看到效果。 Open in browser 在浏览器中显示效果配置非常简单，直接安装就可以。 ...

VScode关于HTML的插件1

qq_46208057的博客

11-24

2901

VScode中的HTML插件,中文编码出现乱码问题 Chinese (Simplified) (简体中文) HTML Play open in browser

vscode html tab键补全插件_DIY VSCode 插件，让你的开发效率突飞猛进

weixin_39617006的博客

11-20

610

扫码关注公众号「政采云前端团队」，获取更多不掺水的原创好文～前言Visual Studio Code(简称 VSCode)凭借其占用内存小、文件加载快、稳定性好、插件丰富等等特点，从众多 IDE 中脱颖而出，受到了广大开发人员的青睐。工欲善其事，必先利其器。选择适合自己的 VSCode 插件，能够让你的开发效率突飞猛进。VSCode 插件市场 (https://marketplace.visual...

VSCode 插件

weixin_38999134的博客

01-12

761

基础通用插件 Chinese vscode编辑器汉化包，安装后，在 locale.json 中添加 “locale”: “zh-cn”，即可载入中文（简体）语言包。 Auto Rename Tag 自动重命名成对的HTML标记，修改开始标签，结束标签会同步修改 HTML Snippets HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了 Bracket Pair Colorizer 该插件可以为你把成对的括号做颜色区分，并且提供一根连接线。方便我们审阅代码结构。通过修改配置文件，使

vscode html常用扩展插件安装

fangjial的博客

09-12

1935

点击左侧图，或者按快捷键ctrl shift x 之后只需要在商店中点击install即可安装插件参考如下链接 https://blog.csdn.net/shenxianhui1995/article/details/81604818 ...