首页
学习
活动
专区
工具
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是一个很好选择。...BracketsJavaScript自动完成功能非常好,自动填写各类括号结束括号,以及jQuery方法中键入$之后关键字、变量和方法自动下拉菜单。...Atom是Chromium浏览器一个特殊存在,它被设计成一个文本编辑器而不是一个Web浏览器; 每个Atom窗口本质上都是一个本地呈现网页。 当Atom自动更新时,性能是非常好。...Emacs使用js2模式包,并使用ac-js2自动完成。在Emacs中,你可以使用串行模式获取实时浏览器JavaScript,HTML和CSS交互。

3.2K10

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

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

5.7K20
  • 免费构建自己博客-编写第一篇博客

    第一次启动时,可能需要消耗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 ,便可以看到刚刚写好博文效果。

    48200

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

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

    97140

    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.8K30

    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...,浏览器自动解析并渲染文件中包含标签等。

    64030

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

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

    4.6K30

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

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

    2.3K20

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

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

    22640

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

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

    5.9K10

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

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

    1.2K20

    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.8K10

    Win10:Hexo+github搭建个人博客

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

    51010

    20款优秀免费代码编辑器

    Atom.io功能特性: 里面嵌套了谷歌浏览器FIREBUG无论你是调整AtomCSS接口还是添加一些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.4K30

    安卓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.5K30

    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.2K20
    领券