使用vscode下载插件在线打开html界面,解决没有Open in default brower选择问题

简介: 笔记

前言


今天刚下载的vscoode,写了一个html不知道怎么通过vscode打开


问了下百度,说需要选择Open in default brower


但是我鼠标右键后并没有找到 “Open in default brower” !


又问了前端同事说需要安装一个插件,在VSCode中默认编写的html页面是不能运行的


插件?这我熟啊,我在IDEA最喜欢安装插件玩了哈哈哈


下面记录下如何使用vscode安装插件并打开网页


安装插件 open in browser


我们需要安装一个插件open in browser:


点击这个图标,类似于IDEA的plugins

6.png

可以发现有很多插件 这些插件我会慢慢去体验研究

7.png

我们的主角是:open in browser

输入并搜索,选择第一个点击install下载插件,下载完成之后好像不需要和idea一样重启

8.png

打开网页


下载完成之后,在页面右键发现多了个两个选项

第一个就是使用默认的浏览器

第二个就是选择其他的浏览器

image.png

我们一般使用默认的即可,我的是谷歌,选择第一个选择打开网页image.png

这样就完成啦!


总结步骤


1,打开VSCode软件,编写或者打开一个HTML页面


2,点击左侧的第五个图标,搜索open in browser,点击进入并下载插件


3,在html页面右键单击,选择open in default browse,也可以选择open in other browse,自己选择浏览器即可


结语


不得不说vscode的插件确实牛,下载快而且不用重启,随着后续的深入学习研究,我会尝试更多的软件!


相关文章
|
2月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
183 1
|
1天前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
16 3
|
3天前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第10天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
11 0
|
2月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
105 5
vscode10大常用插件
|
1月前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中,使用Visual Studio Code(VS Code)结合AI插件能显著提升效率。VS Code提供强大的编辑功能,如语法高亮、自动补全和代码格式化;便捷的调试功能,支持多种调试器;以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误,还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server,可根据需求选择合适的工具组合,提高开发效率和代码质量。
|
2月前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
|
2月前
|
存储 Java 开发工具
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件,下载及清理)
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件,下载及清理)
|
2月前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
2月前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
116 0
|
2月前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
204 0