在mac上的visual studio code中在浏览器中运行html

最新推荐文章于 2024-04-18 10:33:01 发布
最新推荐文章于 2024-04-18 10:33:01 发布
阅读量2.6k 收藏 6
点赞数 2
文章标签： html5 vue.js javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kendi_66/article/details/104306439
版权

需要安装 open in browser插件

在商店搜索open in browser 点击第一个 安装

 

 

此时在html文件中右键

本文参考这篇文字  https://juejin.im/post/5cb87c6e6fb9a068a03af93a 
原文写的很详尽，好多我还没接触

kendi_66
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Visual Studio Code.app.zip
05-28
微软良心之作——Visual Studio Code 开源免费跨平台代码编辑器　　 　　在 Build 2015 大会上，微软除了发布了 Microsoft Edge 浏览器和新的 Windows 10 预览版外，最大的惊喜莫过于宣布推出免费跨平台的 Visual Studio Code 编辑器了！ 　　Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux，运行流畅，可谓是微软的良心之作…… 　　相信很多程序员同学都没想过有一天能在不用虚拟机的情况下直接在 Mac、Linux 上使用 VisualStudio 吧。当然，微软称 Visual Studio Code 并非完整版的 Visual Studio，它只是一款轻量级的代码编辑器，而不是一个重量级的完整 IDE (集成开发环境)，它的竞争对手将会是 Sublime Text、Atom、VIM、Notepad++ 等产品。 　　当你开始阅读这篇文章时，请先不要把Visual Studio Code和.net、Windows联想到一起，因为VS Code是一个跨平台，支持30多种语言的开箱代码编辑器。不管你是.Net、Java、PHP、Python、TypeScript、Objective-C...还是前端开发者，你都值得拥有。下面，让我们来看一看Visual Studio Code 这个神器吧~
Doge-Extension:Visual Studio Code扩展
03-30
Doge for Visual Studio代码 此扩展将Dogelore字符添加到Visual Studio Code中，并具有创建模因的功能。 它最初灵感来自由tyler0706 developped的Atom包！ 概括 特征 在悬停时显示Dogelore字符 将鼠标悬停在代码中字符的名称上方时，将弹出带有字符图像的弹出窗口。 在浏览器中创建模因 通过此扩展程序，您可以在默认浏览器中创建模因或一般图像。 它是照片编辑软件的非常基本且简单的版本。 此功能也可以离线使用。 要执行此功能/命令，您可以： 在Mac上按Ctrl+E, Ctrl+D或Cmd+E, Cmd+D 使用Ctrl+Shift+P或Mac上的Cmd+Shift+P打开命令终端，然后键入命令Doge 。 这将在您当前的工作空间/文件夹中创建一个.dogeapp文件夹和一个Doge.md文件。 该文件夹包含允许您使
mac版本的vscode如何运行html文件
qq_44677062的博客
03-05 646
在VSCode中打开你的HTML文件，并点击右键选择"Open with Live Server"，或者点击右下角的"Go Live"按钮，这将启动Live Server并在默认浏览器中打开你的HTML页面。
vscode如何打开html
LearnerzzZ的博客
04-09 4226
【步骤1】： 在vscode界面使用快键键：Ctrl+Shift+X 【步骤2】： 在搜索栏搜索 open in browser 单击“安装” 【步骤3】： 在html页面右击，选择“Open In Default Browser”即可
如何在vscode中运行html代码
programmer_trip的博客
10-13 2万+
如何在vscode中运行html代码： 点击vsCode软件左边的扩展功能键，点击open in browser的install按钮，之后鼠标右键就出现了open in default browser键，点击即可运行vscode中所写的html代码，F12看控制台打印信息。 ...
VSCode如何运行Html页面
cillent_boy的专栏
07-23 2万+
在VSCode中默认编写的HTML页面是不能运行的，下面小编给大家分享一下VSCode如何运行HTML页面。 工具/原料 VSCode版本：1.39.2 方法/步骤 首先打开VSCode软件，编写一个HTML页面，如下图所示 接着点击左侧的第五个图标，如下图所示 然后搜索open in browser，点击进入，如下图所示 接下来点击install按钮，如下图所示 然后在html页面右键单击，选择open in default
如何在vscode里面快速运行html代码（包含如何在vscode里面编写html代码）
快乐学习
11-16 2万+
​前言： 1.如何在vscode编写html代码在我的另一篇文章当中有详细教程，这是超链接。 2.很多小伙伴编写了html代码后，在vscode里面右键找不到如何去运行代码，或者运行代码的方式很不方便。那么就要在vscode里面下载一个插件，这个插件运行html代码会非常的方便没有下载vscode插件之前，右键是没有这个open in Default Browser，就找不到怎么样运行vscode里面的html代码了。 三、额外知识（vscode选择html代码在哪个浏览器页面运行）
vscode怎么运行代码HTML 怎么在vscode编写HTML代码
热门推荐
QQ_____365392777的博客
05-30 4万+
vscode怎么运行代码HTML 怎么在vscode编写HTML代码 vscode怎么运行代码HTML?vscode是一款源代码编辑器软件，能够用于windows、macOS以及Linux系统，具有丰富的其他语言。网站html编写也需要使用到vscode，但是很多小伙伴们不知道如何运行编写html代码，那么今天就来教大家vscode怎么运行代码HTML以及怎么在vscode编写HTML代码，一起来看看吧。 vscode怎么运行代码HTML 1、首先打开vscode软件，新建一个HTML文件，后缀名也需要写上
mac下如何指定vscode打开链接使用的浏览器
weixin_35749545的博客
12-19 962
在 VSCode 中打开设置(可以通过命令面板快速访问，按下快捷键 Ctrl + ,)，在搜索框中输入 "默认浏览器"，就能找到 "默认浏览器" 这个设置。 你可以在下拉菜单中选择要使用的浏览器，或者手动输入浏览器的可执行文件路径。 例如，如果你想使用 Chrome 浏览器，你可以选择 "Google Chrome"，或者输入 "/Applications/Google Chrome.app"。 ...
VSCode用浏览器预览/运行html文件
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
09-14 9150
打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮（注意不是2019年版本的vscode可能不是第五个按钮，是第四个）； 或者按住Ctrl+shift+X 进入扩展搜索框，在应用商店搜索框中输入“view in browser”会自动进行搜索 右击任意html→点击“View In Browser”或者按住Ctrl+F1即可在浏览器中打开html了！ ...
pico-compiler:我使用Visual Studio Code（而不是默认编辑器）为幻想游戏机“ Pico-8”制作并用来制作游戏的设置
03-07
感觉就像一个普通的控制台，但是可以在Windows / Mac / Linux上运行。 当您打开它时，机器会向您提供命令行，一整套墨盒创建工具以及一个名为SPLORE的在线墨盒浏览器。 如何使用 您将需要使用picotools库： : ...
guide-to-HF:超级新手编码员编写的Hacktoberfest超级新手指南
03-08
您还可以在Visual Studio Code上使用实时服务器 如果您使用Visual Studio Code进行编程，请浏览至扩展并安装“ Live Server” 重新启动VS Code，然后右键单击html文件，然后选择“在Live Server上运行”以在编辑和...
Html-Training-course-
03-20
Web浏览器（选择一个）谷歌浏览器火狐浏览器微软Edge歌剧测试编辑器（粉红色） Visual Studio程式码崇高文字原子记事本++（Windows） TextMate（Mac） Downland Visual Studio代码入门首先，访问以下载Windows的...
HTML5漫画风格个人介绍源码
爱酷码的博客
04-17 775
HTML5漫画风格个人介绍源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果，也可以上传到服务器里面，重定向这个界面。
26 html5（食物页面）
weixin_72770922的博客
04-15 358
【代码】26 html5（食物页面）
在vue和 js 、ts 数据中使用 vue-i18n，切换语言环境时，标签文本实时变化
OnismYY的博客
04-12 850
我的项目需要显示两种语言(中文和英文)，并且我想要切换语言时，页面语言环境会随之改变，但是目前发现，只能在vue中使用$t('')的方式使用，但是这种方式只能在vue中使用，但是我的菜单文件是定义在js中，在vue中遍历显示的，所以我开始尝试用标签代替我原本的字符串
Vue.js 条件语句
woliuhuaqiangla的博客
04-14 665
这里， v-if 指令将根据seen 的值(true 或 false )来决定是否插入 p 元素。
Vue.js（自定义指令）
最新发布
Luo3255069063的博客
04-18 139
【代码】Vue.js（自定义指令）
visual studio code在html中创建文件
09-01
要在 Visual Studio Code 中创建一个 HTML 文件，你可以按照以下步骤操作： 1. 打开 Visual Studio Code 编辑器。 2. 在菜单栏中选择“文件（File）”>“新建文件（New File）”，或者使用快捷键 Ctrl + N（Windows/Linux）或 Command + N（Mac）来创建一个新文件。 3. 在新文件中输入以下内容，作为基本的 HTML 结构： ```html <!DOCTYPE html> <html> <head> <title>我的网页</title> </head> <body> </body> </html> ``` 4. 使用快捷键 Ctrl + S（Windows/Linux）或 Command + S（Mac）保存文件，并选择一个合适的文件名和文件类型（.html）进行保存。 现在你已经成功创建了一个空的 HTML 文件。你可以在 `<body>` 标签中添加你的网页内容，例如文本、图像、链接等。保存文件后，你可以在浏览器中打开这个 HTML 文件来查看效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值