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

该篇博客介绍了如何解决Visual Studio Code(VScode)中右键菜单缺少浏览器运行选项的问题,以及如何设置代码自动格式化的快捷键和配置。通过安装扩展插件Open in Browser可以实现浏览器运行功能。同时,讲解了如何设置Shift+Alt+F为代码格式化快捷键,并在保存文件时自动进行代码格式化。对于旧版和新版VScode,提供了不同的设置路径和方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

对于想要在Visual Studio Code中设置中文界面并安装及配置一系列关键插件的开发者来说,《VSCode详尽教程:安装与插件全方位解析》是你的理想选择。这本书提供了详细的操作指南,能够帮助你快速熟悉VSCode的安装流程,并指导你如何一步步进行个性化配置。 参考资源链接:[VSCode详尽教程:安装与插件全方位解析](https://wenku.csdn.net/doc/5ye09z7nrg?spm=1055.2569.3001.10343) 首先,在VSCode中设置中文界面非常简单。打开VSCode,进入扩展市场搜索并安装官方提供的“Chinese (Simplified) Language Pack for Visual Studio Code插件,之后重启VSCode,界面就会自动切换到中文。这个过程可以在几分钟内完成,大大降低了初学者的语言障碍。 接下来,对于Prettier的安装及配置,你需要先通过扩展市场安装Prettier插件。安装完成后,需要在VSCode的设置中(通过文件>首选项>设置打开),搜索“Prettier”,并根据个人喜好配置格式化选项,如自动保存、格式化触发条件等。这样,你就可以在编写代码时,自动或手动地保持代码风格的统一。 Live Server的安装和配置也相当直接。安装扩展后,它会提供一个可右键点击的选项来启动本地服务器,并实时预览你的网页。对于使用React、Vue等现代前端框架的开发者来说,这可以大大提高开发效率和调试的便捷性。 OpenInBrowser插件允许你快速在浏览器中打开当前编辑的HTML文件,方便你随时查看页面效果。安装后,通常不需要额外的配置,直接通过快捷键或右键菜单即可使用。 Auto Rename插件则可以在你重命名HTML标签自动更新其他标签的名称,以保持代码的规范性。安装该插件后,即可在重命名操作时感受到其带来的便利。 整个过程不仅涉及到插件的安装,还包括对插件的配置,让这些工具更加符合个人的开发习惯。通过《VSCode详尽教程:安装与插件全方位解析》,你可以全面掌握VSCode的使用技巧,无论是界面设置还是插件配置,都可以在书中找到对应的章节进行学习。 参考资源链接:[VSCode详尽教程:安装与插件全方位解析](https://wenku.csdn.net/doc/5ye09z7nrg?spm=1055.2569.3001.10343)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值