这篇文章给大家聊聊关于vscode设置运行谷歌浏览器，以及vscode运行chrome对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

本文目录

1. 如何在vscode中调用浏览器运行html
2. visualstudiocode运行vue项目卡住不动
3. Visual Studio Code设置在浏览器中查看html页面
4. 有哪些有意思的,很cool的开源项目
5. VSCode中代码在浏览器中打开及实时刷新
6. 浏览器中间接运行typescript,并实现实时刷新(vscode)
7. VSCode如何设置,才能在VSC里打开php文件到浏览器

一、如何在vscode中调用浏览器运行html

1、打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮；

2、进入扩展搜索右拉框，在应用商店搜索框中输入“view in browser”会自动进行搜索；

3、等待几秒钟时间，扩展就会陆续出现，在view in browser选项右下角会出现“安装”小按钮；点击安装即可。安装完后会提示重新加载，点击重新加载即可；

4、点击左侧第一个图标按钮，回到资源管理器，选择你想要查询的html文件；

5、右键点击html文件，就会出现view in browser选项；

6、点击view in browser选项，就能预览html文件了。

二、visualstudiocode运行vue项目卡住不动

1、CPU资源占用高：打开任务管理器，CPU占比在90%以上，按CPU占比排序，若其中reg.exe出现多个且CPU占比较高，则使用此方法优化：新版本设置方法：文件>首选项>设置，把“Search:Follow Symlinks”下的控制是否在搜索中跟踪符号链接的勾选去掉。

2、卡死或系统崩溃：若计算机上安装有谷歌浏览器，在同时使用谷歌浏览器和VS Code时，出现VS Code卡死或者系统崩溃时，使用此方法优化：打开谷歌浏览器>设置>系统,关闭启用硬件加速。

三、Visual Studio Code设置在浏览器中查看html页面

1、Visual Studio Code默认是在VScode的控制台下查看html页面，这对于我们调试和查看效果十分不方便。所以这里我们需要安装一下扩展插件，在浏览器中查看html页面。

2、首先打开程序，编写好一个html程序。

3、然后点击左侧第五行的扩展，或者使用快捷键ctrl+shift+X打开扩展栏。

4、在扩展栏的搜索栏中输入“open in browser”，然后就可以找到open in browser这款插件，插件右下角会显示安装字样。因为这里我已经安装了，所以没有显示安装。

5、安装完成后，可以查看一下文档，里面有插件使用的快捷键。在默认浏览器中显示是Alt+B；在其他浏览器中显示是Shift+Alt+B。

6、回到开始创建的html文档，可以使用快捷键运行。也可以对着html文档右键单击，在弹出的窗口中选择使用默认浏览器打开或者其他浏览器打开。

7、如果是选择在其他浏览器中打开，中间的命令框会显示可以使用的浏览器，选择自己需要的浏览器名称即可，这里我们使用chrome试试。

8、可以看到成功在浏览器中运行了程序。

四、有哪些有意思的,很cool的开源项目

开源项目指的是一种软件开发模式，即软件开发者公开其软件源代码，并允许其他人查看、修改和再分发这些代码的软件项目。我觉得有意思，很cool的来源项目还是挺多的，比如FartHero，Tiimo，Zones，Hello以及Cameron's World等，我感觉都是有趣且炫酷的开源项目。

这个 APP用来评估你的屁。可以分析你放的屁多少分贝，也可以把你的屁分享给你的朋友。之前推荐过一个 Android版本的 Fartr。太搞笑了！

这是一个做的很精美的日程表和待办事项工具，用来规划改善你的日常生活并减轻压力。产品主界面是一个可视化的时间线，可以直接看到当天计划的事情概览。在晚上或早上计划一天要做的事情。设定明确的目标，这样每天做可以增强对你最重要的事情的认识，这个过程也可以让自己养成很好的习惯。支持 Android和 iOS。不得不说这类工具功能很简单，但是怎么做到产品不臃肿简单易用，又能解决用户特定的痛点。懂得功能取舍，针对用户的使用场景进行设计，是一个很值得思考的问题。一味的功能堆砌在现在的市场是没有竞争力的。

iOS上的时区转换工具。可以在 iPhone、iPad和 Mac上跟踪不同的时区。售价$2.99，这类工具之前也有推荐过类似的，很简单的小工具，很适合买断制，主要是 Menu Bar App，Reminders，同步 iCloud，Widgets这些功能。从这个产品的官网就可以看得出来非常简洁，产品做的很完整，适配了苹果全家桶设备，很舒服。

一个面向开发者的搜索引擎。搜索结果可以直接显示出来相关代码片段。

90年代的网站设计集合，汇集了成千上万个此类网站的存档资料。很有意思，可以点击这个页面上的链接，有很多古老的网站。

五、VSCode中代码在浏览器中打开及实时刷新

1、在vscode扩展中搜索“view in browser”插件并点击安装，点击资源管理器选中当前文件右键选择“View In Browser”即可在默认浏览器中打开页面。

2、以上两种方法实现的效果和原理相同，都可后台运行，按下快捷键“control+c”退出当前运行进程。

3、装Live HTML Previewer插件，点击页面左下角Preview Available。

4、注意：有了livereload可以不需要装“view in browser”插件。

六、浏览器中间接运行typescript,并实现实时刷新(vscode)

1、 vscode插件，实现html文件的实时刷新，只要我们保存了文件，live server就会刷新页面

2、在html文件中右键，点击“open with live server”

3、大家都知道，不论是node还是浏览器都是无法运行ts文件的，需要手动的将ts文件转换成js文件，这就需要一个转换的包了：typerscript，建议全局安装

4、右键侧边栏的ts文件，点击打开终端

5、然后终端就会进入ts的检测模式了

6、现在再修改ts文件，一保存，就会自动重新编译，ts文件发生变化，生成的js文件相应发生变化，live server发现了变化，浏览器也会随之变化，这样形成了实时刷新

7、结束终端的命令是：CTRL+ c，光标要先点一下控台，不然没用，一次ctrl+c不行，就多摁几遍

七、VSCode如何设置,才能在VSC里打开php文件到浏览器

VSCode通过以下设置能在VSC里打开php文件到浏览器，方法如下：

准备材料：VisualStudio Code1.2

1、首先要想调试php代码，必须得先有php的相关编译器，只有安装了php的系统下，才能进行调试的。这里点击菜单栏的查看，选择扩展进入。

2、接着左侧栏就会出现扩展安装的窗口，在搜索栏填php，就会出现很多与php相关的插件了。这里我就直接选择了php debug，php的调试工具。

3、然后点击打开文件夹，把自己的工程目录设置为活动文件夹即可。

5、点击调试或者按F5键启动调试即可。

6、调试过程中会遇到.net的环境变量设置问题，这里不设置好这个变量，是不能进行调试的，所以，点击获取dotnet sdk开发包并安装。

7、安装完成后点击我的电脑，属性。

10、把dotnet的安装路径复制进去就可以的了。

11、最后再次进行调试，就可以看到结果的了。

vscode设置运行谷歌浏览器的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于vscode运行chrome、vscode设置运行谷歌浏览器的信息别忘了在本站进行查找哦。