vscode增加代码编辑效率的扩展插件、如何解决VScode右键没有浏览器运行的问题，添加扩展插件 open in browser、保存后标签自动对齐拓展

已于 2022-05-11 11:22:29 修改
阅读量548 收藏
点赞数
分类专栏： 教程 文章标签： vscode visual studio code
于 2022-05-11 11:16:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45991687/article/details/124705941
版权

https://jingyan.baidu.com/article/7c6fb428fa04b280642c90e6.html

如何解决VScode右键没有浏览器运行的问题

添加扩展插件 open in browser

格式化代码 自动对齐

快捷键 shift alt f

保存页面时候，自动格式化代码：添加代码、找到【设置】

添加代码之后，ctrl+s 保存之后，标签就会自动对齐


旧版vscode：

        左下角》设置》输入emmet.include》用户》setting.json》添加代码
 （注意：在前一个结尾添加逗号）

         ,
    “editor.formatOnType”:true,
    “editor.formatOnSave”:true


新版vscode：

左下角》设置》输入
    直接搜索、打勾
    editor.formatOnType
    editor.formatOnSave

VSCode 使用教程：项目使用配置、使用哪些插件、Live Server使用问题及解决方案(你想要的，都在这里)
狮子座的男孩
11-26 4986
插件打开文件夹下的文件，就类似于从服务器上访问该文件，且代码出现改动后，可以自动刷新;// 由于被打开的文件只是一个单独的文件，而非存在于一个文件夹内，因此在右键点击。：当文件信息修改后，只要切换成其它文件，上个文件的修改信息就会自动保存;//且在切换其它文件时，该双击打开的文件会在窗口保存，不会被覆盖;//且在切换其它文件时，该单击打开的文件不会在窗口保存，会被覆盖;)，即：写好代码后，延迟多少毫秒会自动保存;)后，再打开时间线，通过点击时间线中不同的。)后，再打开大纲，发现该文件中的。
VSCode必备插件！
最新发布
m0_65696193的博客
04-10 709
但是这个插件有个缺点，安装成功以后，每次打开vscode都会提示code似乎有损坏，因为这个插件是修改了vscode的css文件，vscode检测到自己的文件被篡改了以后就会有这个报错提醒。28.Bracket Pair Colorizer：用于着色匹配括号，让你的代码分层更清晰，因为太好用，现在已经被官方收录，在扩展程序中搜索跳转到设置，打开就行。7.Live Server 用服务器的方式来查看html文件，不要用右键插件本地文件的形式，因为那是file文件协议，应该使用http协议。
VsCode无法右键运行html页面！
Mr_chen的博客
10-15 9845
VsCode无法右键运行html页面！ 今天博主跟大家聊一聊如何使用VsCode无法右键运行html页面！不喜勿喷，如有建议欢迎补充、讨论！ 关于安装和汉化可以观看博主的这篇文章《下载安装及汉化 》，安装完毕重启VsCode！ 來了 相信大家也遇到过在VsCode中无法右键运行一个Html页面，如下所示：(博主是配置了python后没法用了) 解决方案：(大家注意右下角的语言选择应该是htm...
VsCode右键没有Open with live server解决办法
Nikoye的博客
01-06 6012
②在html编辑页里，右键点击“open in default Browser”，就可以该html文件所对应的网页了。问题：vs code右键没有open with live server。①安装"open in brower"。
Vscode有什么好用的插件？
分享Python、数据分析、人工智能前沿知识
03-13 1850
都2025年了，人手必备的vscode插件肯定AI编程类插件了，比如说cline、，都是非常火的辅助编程工具。这些插件之前都是只支持ChatGPT、Claude、Gemini那些国外主流大模型，但随着的爆火，逐渐开始支持连接DeepSeek来实现AI编程。下面简单介绍下这几个AI编程插件，一方面它们支持快速设置DeepSeek连接，包括线上API和本地部署模型，另一方面它们具备代码生成、补全、debug等核心AI编程功能，不输cursor。
修复鼠标右键没有vscode快捷入口的问题
空巢青年_rui的博客
06-09 5266
如果在安装vscode时忽略了将vscode添加到资源管理器的上下文菜单，那么在使用鼠标右键时无法快速通过vscode打开文件或文件夹。这是除了重新安装vscode之外，还可以通过在注册表中添加注册项实现添加右键快捷操作。 通过Code打开一共有三种场景：这分别对应三个注册表项，在桌面创建一个文本文件，随意取名，创建后将后缀改写为。 然后右键该文件，选择“编辑”打开文件，将以下内容粘贴进去： 注意：需要，可以通过vscode快捷方式的属性进行查看。同时要 。编辑完成后，保存文件，在文件上右键执行“合并”操作
解决vscode无法右击打开
weixin_42707412的博客
01-15 3482
vscode右键启动
vscode插件
我的博客简介
11-17 447
右键选择run code 可以立马在控制台执行当前js文件。
VSCode设置默认打开的浏览器的方法
10-14
本文详细介绍了如何在VSCode中设置默认打开的浏览器，使用了名为openinbrowser的插件来简化操作，并提供了两种快捷方式来快速打开默认和非默认浏览器。 首先，如果需要在VSCode中打开HTML文件，可以通过安装openin...
VSCode用法及插件详细教程
11-06
安装插件后，保存代码，浏览器会自动更新显示。 9. **Auto Rename Tag插件** 自动重命名标签插件，当修改一个HTML标签时，其对应闭合标签也会同步修改，提高编码效率。 10. **Prettier格式化插件** Prettier是一...
vsCode安装使用教程和插件安装方法
10-17
- 浏览器预览：安装Open HTML in Default Browser插件后，可以通过右键点击HTML文件在默认浏览器中打开，支持在资源管理器和编辑器中使用。 6. 插件安装 VS Code支持通过插件来扩展功能，尤其是针对前端开发，有...
关于 VScode, 点击文件右键或者在文件夹中没有 【 在vscode中打开选项】 解决办法
段子手168的博客
04-06 2654
关于VScode, 点击文件右键或者在文件夹中没有 '' 在vscode中打开选项 '' 解决办法 VScode右键没有 '' 在vscode中打开选项 ''
VS Code如何让右键运行代码[秒懂！！！]
Roger_Spencer的博客
10-05 5340
介绍了在VSCode中如何用右键运行代码
vscode【实用插件】Code Runner 运行代码
朝阳39的博客
09-27 858
在 vscode 插件市场的搜索点安装。
将VScode加入到右键打开
WHT9999的博客
08-27 3017
在安装vscode的时候会提示“”(右键快捷方式)添加到鼠标如果忘记添加，则需要手动添加。
在 VS Code 中运行 html 用到的插件
Evelyn_178的博客
07-11 3565
启动一个具有静态和动态页面实时重新加载功能的开发本地服务器，用于实时预览运行效果。使用 open in browser 运行代码时，只要代码有变动，就需要手动刷新重新预览页面运行结果，而 Live Server 可以自动刷新运行结果。运行代码片段或代码文件的多种语言：C、C++、Java、JavaScript, PHP、Python、Perl、Perl 6、Ruby、Go等40多种语言和自定义命令。在默认浏览器或应用程序中打开当前文件，用于运行代码。选择在其他浏览器中运行。选择在默认浏览器中运行。
vscode设置保存时代码格式自动对齐
qq_49742153的博客
12-19 5483
加一个数据gender，跟前面的msg、age不对齐。2.工作区→文本编辑器→格式化→format on save 打钩。Ctrl+S保存后，自动对齐了。1.点击左下角扩展图标→点击“设置”
vs code没有react提示以及html文件右键没有打开浏览器选项
小怪獸丶的糖的专栏
10-26 848
第一步：扩展中安装Reactjs code snippets 第二步：文件=》首选项=》输入@tag:usesOnlineServices 禁用typescript 自动类型获取 第三步：文件=》首选项=》输入框中输入language,选择emmet，添加javascript:javascriptreact 最后，选择html文件右键没有打开浏览器的选项解决办法:在扩展中输入open in browser选择第一个安装即可 安装好以后，点击html文件右键就有打开浏览器选项的操作了哦 ...
【HTML5】问题：VsCode右键没有open in default browser 解决方式：安装扩展插件
weixin_47575631的博客
03-06 767
学习过程中的问题记录
如何在VSCode中进行中文界面设置，并且安装及配置Prettier、Live Server、OpenInBrowser和Auto Rename等插件？
11-09
OpenInBrowser插件允许你快速在浏览器中打开当前编辑的HTML文件，方便你随时查看页面效果。安装后，通常不需要额外的配置，直接通过快捷键或右键菜单即可使用。 Auto Rename插件则可以在你重命名HTML标签时自动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值