首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

第一次点击ATOM HTML预览后自动关闭的下拉菜单(不是浏览器)

第一次点击ATOM HTML预览后自动关闭的下拉菜单是指在使用ATOM编辑器进行前端开发时,当我们在编辑HTML文件并点击预览按钮后,出现的下拉菜单会在第一次点击后自动关闭。

这个下拉菜单通常是用来选择预览的方式,比如在浏览器中打开、在ATOM内部预览等。它的目的是方便开发者在编辑HTML文件时能够实时查看页面效果。

在ATOM编辑器中,点击预览按钮后,会弹出一个下拉菜单,列出了可用的预览方式。然而,有时候这个下拉菜单会在第一次点击后自动关闭,导致无法选择其他预览方式。

解决这个问题的方法是通过修改ATOM编辑器的配置文件。具体步骤如下:

  1. 打开ATOM编辑器,并点击菜单栏的 "File" -> "Config...",打开配置文件。
  2. 在配置文件中,找到与HTML预览相关的配置项。通常可以在文件中搜索关键词 "html" 或者 "preview" 来快速定位。
  3. 根据具体的配置项,可能会有一个名为 "autoClose" 或者类似的选项。将其设置为 "false",表示禁止自动关闭下拉菜单。
  4. 保存配置文件,并重新打开HTML文件进行预览。此时,下拉菜单应该会保持打开状态,可以选择其他预览方式。

需要注意的是,ATOM编辑器的配置文件可能因版本而异,以上步骤仅供参考。如果无法找到相关配置项,可以尝试搜索ATOM编辑器的官方文档或者社区论坛,寻找更详细的解决方案。

推荐的腾讯云相关产品:由于该问题与云计算领域无关,因此不适用推荐腾讯云相关产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Top 10 JavaScript编辑器,你在用哪个?

相同的符号表使得IntelliSense能够在整个表达式的输入过程中,为你提供出色的弹出式选项列表。你可以获得以下功能:填入后自动关闭、自动填写完成选项、键入后的自动方法列表和方法中的自动参数列表。...此外,Brackets有着一个简洁的UI界面和编辑时网页的实时预览。对于免费的代码编辑器来说,Brackets是一个很好的选择。...Brackets的JavaScript自动完成功能非常好,自动填写各类括号的结束括号,以及jQuery方法中键入$之后的关键字、变量和方法的自动下拉菜单。...Atom是Chromium浏览器的一个特殊的存在,它被设计成一个文本编辑器而不是一个Web浏览器; 每个Atom窗口本质上都是一个本地呈现的网页。 当Atom不自动更新时,性能是非常好的。...Emacs使用js2模式包,并使用ac-js2自动完成。在Emacs中,你可以使用串行模式获取实时浏览器JavaScript,HTML和CSS交互。

3.3K10

免费构建自己的博客-编写第一篇博客

第一次启动时,可能需要消耗40秒左右的时间,此时界面可能是空白的,可以等待控制台输出下图信息时,才表明已经启动成功。 ?...经过一段时间的等待之后,浏览器就会自动打开 http://127.0.0.1:4000 。 控制台打开后即使手动关闭,docker 也会在后台运行,但建议不要手动关闭此控制台。...右键点击文件夹空白处,选择Open With Atom。 进入Atom之后,右键点击_post文件夹,选择New File,输入新博文的文件名。 文件名的格式要求是时间-名称.md。...点击回车之后,文件就创建好了,此时,若没有关闭上节中提到的控制台,那么在控制台的末尾将会输入下图所示的内容。 ? 最后一行表示,已经自动生成了一片博文。此时博文的内容是看空的,在博客中还找不到。...然后在浏览器中打开 http://127.0.0.1:4000/demo/2018/04/29/My-First-Post.html ,便可以看到刚刚写好的博文效果。

49000
  • 几款主流好用的 Markdown 编辑器!值得拥有

    提供语法高亮、在线预览、同步滚动、全屏模式,支持自定保存、自动匹配,允许自定义主题等等。支持 CSS,HTML 和 PDF 导出等功能。 Mou是独立的软件。...Typora的设计理念就是极致简洁,它将「写字」和「预览」这两件事情合并了。 如果要修改已经写好的markdown标记可以点击切换到“源代码模式”。...功能非常多,除了Markdown同时支持CSS,HTML,JavaScript等网页编程语言,还支持宏定义,自动分屏功能等。Atom还具有语义输入模式,比例输入code即会自动开启代码模式。...支持实时预览,跨平台,浏览器打开。 Dillinger是平台集成工具,不是独立的软件。...这款编辑器的特点是可以直接把文本存到印象笔记平台中,另外还有导出HTML时可以将其中的图片自动转成base64保存。其他的实时预览、语法高亮也都支持。

    6.5K20

    简易数据分析 04 | Web Scraper 初尝:抓取豆瓣高分电影

    这个按钮,表示选择完毕; 点击按钮后你会发现下图的红框位置会出现了一些字符,一般出现这个就表示选取成功了: 我们点击 Data preview 这个按钮,就可以预览我们的抓取效果了: 没什么问题的话...,关闭 Data Preview 弹窗,翻到面板的最下面,有个 Save selector 的蓝色按钮,点击后我们会回退到上一个面板。...点击它,再点击下拉菜单里的 Scrape 按钮,开始我们的数据抓取。 这时候你会跳到另一个面板,里面有两个输入框,先别管他们是什么,全部输入 2000 就好了。...点击 Start scraping 蓝色按钮后,会跳出一个新的网页,Web Scraper 插件会在这里进行数据抓取: 一般跳出的网页自动关闭就代表着数据抓取结束了。...在这个预览面板上,第一列是 web scraper 自动添加的编号,没啥意义;第二列是抓取的链接,第三列就是我们抓取的数据了。

    99840

    vscode html注释快捷键_VSCode 的快捷键及常用插件总结

    · ctrl + w 13、关闭所有窗口 · ctrl + k + w VS Code 的常用插件 1、Auto Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改...2、Auto Close Tag 自动闭合HTML标签 4、Beautiful 格式化代码的工具 5、Dash Dash是 MacOS 的 API 文档浏览器和代码段管理器 6、Ejs Snippets...pug 模板 17、JS-CSS-HTML Formatter 格式化 18、Npm intellisense require 时的包提示工具 19、Open in browser 打开默认浏览器 20...vuex2) 31、Vue 2 Snippets vue必备vue代码提示 32、Vue-color vue 语法高亮主题 33、Auto-Open Markdown Preview markdown 文件自动开启预览...34、EverMonkey 印象笔记 35、atom one dark atom 的一个高亮主题(个人推荐) 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/131775

    1.9K30

    Vue笔记:VS Code 常用快捷键

    ctrl + w 13、关闭所有窗口  ctrl + k + w VS Code 的常用插件 1、Auto Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改,和 webstorm...2、Auto Close Tag 自动闭合HTML标签 4、Beautiful 格式化代码的工具 5、Dash Dash是 MacOS 的 API 文档浏览器和代码段管理器 6、Ejs Snippets...pug 模板 17、JS-CSS-HTML Formatter 格式化 18、Npm intellisense require 时的包提示工具 19、Open in browser 打开默认浏览器 20...31、Vue 2 Snippets   vue必备vue代码提示 32、Vue-color   vue 语法高亮主题 33、Auto-Open Markdown Preview markdown 文件自动开启预览...34、EverMonkey 印象笔记 35、atom one dark atom 的一个高亮主题(个人推荐) ----  作者:朝雨忆轻尘 出处:https://www.cnblogs.com/xifengxiaoma

    4.2K30

    折腾博客系列之编辑工具的选择

    (平台:windows) 印象笔记 印象笔记自带markdown编辑器,如下图: 优点:提供分屏预览,无需直接编写md代码,只需点击按钮即可,操作方便 缺点:无法导出md文件到本地,这是它的致命缺点...sublime text3 优点:安装插件后可以提供分屏预览 缺点:预览效果极差,超出的文本内容无法自动换行显示,而是直接隐藏。...如下图红框部分 Typora 优点:简洁美观 缺点:不提供分屏预览,md代码编辑完成后回车即自动渲染出文本来。...(虽然它认为这是优点,很多人习惯的却是分屏) Atom 优点:提供分屏预览,有较多可拓展插件 缺点:响应速度极慢,编辑时明显感觉卡顿;软件过大,大概100多m;安装插件极其困难,失败率较高 HexoEditor...,浏览器会自动解析并渲染文件中包含的标签等。

    64430

    VSCode插件大全|VSCode高级玩家之第二篇

    这个时候对方只需要点击侧边栏的Live Share图标,然后在会话详细信息中找到并且点击加入协作会话...。 点击后编辑器上方会出现一个输入框,对方只需要输入我们提供的邀请连接然后按回车即可。...协助完毕后,我们可以点击下方的图中的图标 点击图标后,上方会出现一个选择弹窗,选择Stop Collaboration Session就可以停止协助会话了。...自动关闭标签 插件名:Auto Close Tag 自动添加HTML/XML关闭标签,与Visual Studio IDE或SublimeText相同。当我们填写了开始标签,结束标签就会被自动加上。...插件名:Browser Preview VSCode的浏览器预览插件让我们能够在编辑器中打开一个浏览器预览。...插件名:Live Server 如果我们是在做一个静态页排版,这个插件可以提供给我们一个本地实时预览服务器,预览会在谷歌浏览器打开。

    4.7K30

    如何用Markdown轻松排版知乎专栏文章?

    Atom,至少在目前,还是开源免费的。 请到这个地址下载Atom编辑器。网站会根据你的操作系统,自动找到对应的版本供你下载。 ? 因为我用的是macOS,所以这里网站提供的是苹果版本Atom。...所以,最为贪婪的想法是——我在编辑器插图,在本地存留备份,同时自动上传一份插图到云端图床,以便发布使用。 你是不是觉得我这像是在做白日梦? 不是,其实这样的设置你已经做好了。 不信?...请根据自己的口味进行选择。 选择并存储好css文件后,我们来安装浏览器插件。 请在Google Chrome里面安装Markdown Here插件。 ?...安装后,右键点击该插件图标,在弹出菜单里单击“选项”按钮。 ? 找到上图这个文本框,把你下载好的css文件内容拷贝粘贴进去。 然后打开wangEditor。 ?...回到Atom编辑器里面,把左边栏写好的Markdown格式文章全文拷贝,粘贴到wangEditor的编辑器窗口中。 ? 点击Chrome的Markdown Here插件,你会立即看到排版后的结果。

    2.4K20

    这些必备的VSCode JavaScript插件你都用过吗?

    代码片段插件 当你第一次安装VS Code时,它会附带一些JavaScript和TypeScript的代码片段。...浏览器插件 除非你是在用JavaScript写控制台程序,否则你多半会在浏览器中执行你的JavaScript代码。这意味着,你会频繁地刷新浏览器以观察每次你更新代码的效果。...这里有一些工具,能极大地减少你开发时的这种重复流程,而不是每次都手动刷新浏览器: 1. Debugger for Chrome(在编辑器中打断点,让你轻松地在Chrome里调试JavaScript。...Node TDD(为Node和JavaScript项目提供测试驱动开发的支持。能在源码的更新后,立即触发自动化测试的构建。...公告 以后每月5、15、25号更新原创文章,内容不限,喜欢小编的可以点击关注,也可在下方评论留言,你喜欢什么内容,小编根据大家喜欢的内容尝试更新

    6K10

    【4】写博客神器——Markdown(附工具推荐)

    图片来自简书 点击齿轮图标,进入设置; ? 图片来自简书 选择基础设置选项,在下方选择常用的编辑器选择Markdown,然后点击保存按钮即可; ?...图片来自简书 简书Markdown可支持实时预览,这个功能带来了非常棒的用户体验,就好比刚开始学习Html的小伙伴们,每输入一个字符都感觉自己完成了一项成就,赞! 作业部落 ?...多方式预览:普通预览、ppt预览、pdf预览 5. 多种预览排版方式:上、下、左、右、浮动 6. 内容可以标题为节点隐藏 7. 映射关系 8 大纲查看,自动生成目录 ?...之所以提到Sublime,是因为Sublime支持Markdown插件,通过安装下载,Sublime也同样可以实现Markdown编辑器的效果,但是它的预览还是挺鸡肋的,它只能像Html一样,在浏览器中预览...以上就是笔者对Markdown浏览器的推荐,上述每一张图片(除了Mou)都是笔者重新安装APP后截图得到的,有所获益的读者们动动小手,点个赞呗~

    1.2K20

    《原创》handsome视频动态背景图-帅的批爆

    网上有很多handsome背景都是动态粒子,想尝试一下视频背景的,找了一下网上没有相关资源,作为小白的我,尝试的写了一下。。。 通过 HTML5 的 video 标签实现的视频背景页面。...其中 poster 属性指定了视频未加载或暂停时的预览图,autoplay 属性指定了视频自动播放,loop 属性指定了视频循环播放,muted 属性指定了视频静音。...按钮使用了 HTML 和 CSS 实现,点击播放按钮可以播放视频,点击静音按钮可以开启/关闭视频的声音。...浏览器限制,第一次打开网站不会播放视频,需要点击开始播放,后续就自动播放了,也添加了循环播放,与声音按钮。 鼠标右键勾选显示所有控件,可以全屏播放。...开发者设置->自定义输出head 头部的HTML代码 透明模式更加 代码,有静音按键 此处内容需要评论回复后(审核通过)方可阅读。

    23140

    Win10:Hexo+github搭建个人博客

    绿色版需要加上Git_HOME,%Git_HOME%\bin之类的环境变量,建议下载安装版一路默认安装,安装包会自动添加相应的环境变量。...Typora typora是一个专业的markdown编辑器,比之atom的最大优势就是同步渲染速度,缺点是对于代码高亮的支持并不是很方便,自带源代码模式 ,拿来看看代码也不错 HexoEditor HexoEditor...具备各种快捷键,还能拖动文本,自带预览,对一些主题渲染有适配,没适配的也能通过导入相应的tags配置进行渲染。...常用命令 常用命令在这篇文章中有详细总结:双系统-Hexo和github的常用命令行归纳 本地预览:在路径下->,输入 然后在浏览器中打开 ,就能看到 如果你安装了插件,就可以通过访问来管理你的文章了...解决方案: 升级浏览器内核:直接下载安装最新版chrome或者Microsoft edge浏览器即可。

    52610

    安卓Chrome使用技巧合辑

    使用GMD手势为Chrome添加浏览手势(需要Root权限): https://mlapp.cn/264.html 二:通用特性:   这里列出的特性适用于Chrome系浏览器(版本不限...下划地址栏可以快速打开"标签页列表"视图,如果你只是想预览一下"标签页列表"视图后就返回当前标签,可以按住并下划地址栏来展开"标签页列表"视图(预览过程中不要松开手指),预览完毕后,上划当前标签页至地址栏的位置即可返回当前标签页..."标签页列表"视图中,上划收起所有标签页,然后在顶部的标签页上上划五次即可使所有标签页视图上下旋转360º(严格来说这应该是一个彩蛋而不是一个特性)   6....Chrome甚至还可以将当前网页保存为PDF文档,当你遇到想要保存为PDF的网页时,只需要在Chrome的菜单中选择"分享 - 打印",接着点击上方的下拉菜单,选择"保存为PDF即可将当前网页以PDF文档的形式保存到本地...快捷自动填充底栏:   chrome://flags/#enable-autofill-keyboard-accessory-view   启用此特性后,当光标定位在输入框内,并且此输入框有待填充内容时

    9.6K30

    20款优秀的免费代码编辑器

    Atom.io的功能特性: 里面嵌套了谷歌浏览器的FIREBUG无论你是调整Atom的CSS接口还是添加一些HTML和javascript主要功能 Node.js的支持使得访问文件系统、派生子进程、...开发者可以直接从50000多个Node.js包库里选择自己所需的库无缝集成使得开发者可以自由搭配Node.js和浏览器API 全面的模块化设计功能由一个极简的核心和超过50个开源包构成Atom的目标是打造一个极易扩展的系统...SCREEM的功能特性: 断链检查 CTags支持 剪切/粘贴 CVS支持 文档结构显示 文档类型定义/文档类型分析 帮助应用程序 内联标记 智能关闭 链接修复 页面预览 页面模板...、格式化、校验、预览、发布 HTML文档, 该软件可以直接指出错误所在并可选择自动更新错误.其他的特点还有支持拖放的全功能编辑器, 语法加亮等。...作为一款HTML编辑器,Taco HTML Edit让用户可以迅速构建自己的网站。它是专门为Mac OS X设计的,有许多高级功能,包括拼写检查、实时浏览器预览、PHP预览、语法检查及更多特性。

    5.5K30

    vscode 前端常用插件推荐「建议收藏」

    当前市面上常用的轻型代码编辑器主要是:sublime,notepad++,editplus,atom这几种。...vscode安装插件只需要点击图片所示按钮,即可进入拓展,在搜索框中输入插件名点击安装后,等待安装好即可点击重新加载重启vscode使得插件生效。...当你不需要某个插件时只需要进入扩展,点击对应插件右下角的齿轮按钮即可选择禁用或卸载该插件。 2....1.Auto Close Tag (必备)   自动闭合HTML/XML标签  2.Auto Rename Tag (必备)   自动完成另一侧标签的同步修改  3.Beautify (必备)...html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari 设置默认浏览器 16.Path

    1.9K10

    ubuntu 20.04 安装 pycharm 2022.1 .3 及其卸载

    New Project 对上来的 + 号 我已经建立有文件夹了,于是选择 Open ,打开文件夹 出现的 Tip,关闭就行,点击 Close 可以设置一下主题颜色、字体大小什么的...,点击菜单栏的 File,然后点击下拉菜单里的 Settings,设置好之后点击右下角的 OK 设置桌面快捷方式 进入 pycharm 界面之后 点击 Tools , 出现下拉菜单 再点击 Create...Desktop Entry 再勾选 点击 OK 输入用户密码,按回车 菜单目录中就有图标了 卸载 原来安装的软件提示有更新,我想更新,但是我直接在软件点 Update 软件更新完成后,...删除 pycharm 所在的目录 打开 opt 文件夹 , 查看包含的文件 cd /opt ls 删除 sudo rm -r pycharm-2022.1 删除自动生成的文件夹 home 目录下有这个自动生成的文件..., 这个文件是我第一次进入软件的时候没有选择某个文件夹,所以它自动生成了这个文件夹,所以并不是每个人都有这个文件夹 输入命令 sudo rm -r PycharmProjects 打开

    1.3K20
    领券