atom编辑器如何使用

atom编辑器如何使用

最近小编收到很多问题,其中一个就是下面小编为大家整理一下关于atom编辑器如何使用的步骤,希望这些方法能够帮助到大家。

首先,打开Atom编辑器,使用Cmd+N新建一个文件,使用Cmd+S保存文件,将文件名改为new.html,在new.html中键入html四个字符,然后按tab键。

然后,在标签之间输入完成html页面标题以后,再次键入tab键通过一个关键词来插入一段代码块,通过tab键在这段代码块的输入点之间移动光标,通过快捷键Alt+Shift+S来列出当前文件所提供的所有的Snippets。</p><p>然后,在配置的第一行指定该Snippet应用的文件类型,获得文件类型字符串最简单的方式是查看该文件对应的语言插件的Scope项。</p><p>然后,再为Java文件添加一个Snippet项,在设置页面查看language-java插件的插件信息,插件信息的第一排Scope的值为source.java,Java文件的文件类型字符串就是一个点号。</p><p>然后,通过Cmd+Alt+Shift+[和Cmd+Alt+Shift+]来折叠或展开全部代码,通过Cmd+K Cmd+Num来指定折叠哪一层缩进,通过Cmd+Ctrl+Alt+F或Fold Selection命令来折叠任意选中的代码段。</p><p>最后,使用Cmd+K 方向键来创建新的分栏,其中方向键的方向决定了分栏的方式,比如Cmd+K ↓就会创建一个新的水平分栏,通过Cmd+K Cmd+方向键来在分栏间切换光标焦点。</p> </div> <span class="tags-label">标签:</span><span>atom,编辑器</span> </div> <div class="related-articles"> <h3 class="section-title">相关文章</h3> <div class="related-grid"> <div class="related-item"> <div class="related-thumb"> <a href="/life/220184.html"> <img src="/upload/jingyan/2024/1023/536ed8ce.jpg" alt="教你给Atom设置震撼的编辑效果"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/life/220184.html">教你给Atom设置震撼的编辑效果</a> </h4> <div class="related-meta"> <span class="related-date">2026-06-26 05:32</span> <span class="related-views">阅读(1024 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/217057.html"> <img src="/upload/jingyan/2024/1023/4e80694a.jpg" alt="在线图片编辑器-照片处理"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/217057.html">在线图片编辑器-照片处理</a> </h4> <div class="related-meta"> <span class="related-date">2026-06-24 01:24</span> <span class="related-views">阅读(1010 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/article/308516.html"> <img src="/upload/images/2026/0626/42b0ca48.jpg" alt="Word2010怎么插入公式编辑器如何添加公式编辑器"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/article/308516.html">Word2010怎么插入公式编辑器如何添加公式编辑器</a> </h4> <div class="related-meta"> <span class="related-date">2026-08-27 17:13</span> <span class="related-views">阅读(1003 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/130259.html"> <img src="/upload/jingyan/2024/0905/c8ca4a1c.jpg" alt="135编辑器如何设置关注公众号自动回复"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/130259.html">135编辑器如何设置关注公众号自动回复</a> </h4> <div class="related-meta"> <span class="related-date">2026-04-24 18:45</span> <span class="related-views">阅读(989 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/life/241919.html"> <img src="/upload/jingyan/2024/1023/b3cbcf7c.jpg" alt="我的世界地图编辑器如何使用"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/life/241919.html">我的世界地图编辑器如何使用</a> </h4> <div class="related-meta"> <span class="related-date">2026-07-11 00:48</span> <span class="related-views">阅读(988 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/life/270941.html"> <img src="/upload/jingyan/2024/1023/be77e478.jpg" alt="135编辑器使用方法"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/life/270941.html">135编辑器使用方法</a> </h4> <div class="related-meta"> <span class="related-date">2026-08-01 14:45</span> <span class="related-views">阅读(977 次)</span> </div> </div> </div> </div> </div> </div> <div class="sidebar"> <div class="sidebar-widget"> <h3 class="widget-title"><i class="fas fa-fire"></i>热门文章</h3> <div class="hot-articles"> <div class="hot-article-item"> <div class="hot-article-rank">1</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/answer/118757.html">公文回复函格式</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1499次 </span> <span class="hot-article-date">2026-04-16 18:59</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">2</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/answer/105706.html">童年每章梗概100字</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1452次 </span> <span class="hot-article-date">2026-04-07 13:34</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">3</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/answer/105582.html">雯雯的高中成长日记</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1398次 </span> <span class="hot-article-date">2026-04-07 09:27</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">4</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/answer/100341.html">闹市无人问深山有远亲全句</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1389次 </span> <span class="hot-article-date">2026-03-31 02:45</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">5</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/answer/103739.html">党支部对发展对象综合考察意见范文</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1367次 </span> <span class="hot-article-date">2026-04-04 20:01</span> </div> </div> </div> <div class="hot-article-item"> <div class="hot-article-rank">6</div> <div class="hot-article-content"> <h4 class="hot-article-title"> <a href="/answer/108638.html">dy网络暗语啥意思</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1326次 </span> <span class="hot-article-date">2026-04-09 18:21</span> </div> </div> </div> </div> </div> <div class="sidebar-widget"> <h3 class="widget-title"><i class="fas fa-star"></i>推荐阅读</h3> <div class="recommended-articles"> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/131983.html"> <img src="/upload/jingyan/2024/0905/e5842d92.jpg" alt="如何学习网络技术"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/131983.html">如何学习网络技术</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:30</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 953次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/life/131984.html"> <img src="/upload/jingyan/2024/0905/77869f58.jpg" alt="爱奇艺怎么下载"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/life/131984.html">爱奇艺怎么下载</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:32</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 1008次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/answer/131985.html"> <img src="/upload/jingyan/2024/0905/2f6cc2af.jpg" alt="澳門一日遊推薦路線"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/answer/131985.html">澳門一日遊推薦路線</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:31</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 981次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/life/131986.html"> <img src="/upload/jingyan/2024/0905/814033ab.jpg" alt="安图恩舰炮防御战怎么过"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/life/131986.html">安图恩舰炮防御战怎么过</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:32</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 999次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/131987.html"> <img src="/upload/jingyan/2024/0905/9330f80c.jpg" alt="为什么用了路由器有些网站打不开的解决方法"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/131987.html">为什么用了路由器有些网站打不开的解决方法</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:33</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 975次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/life/131989.html"> <img src="/upload/jingyan/2024/0905/429a591d.jpg" alt="卡尔费休水分测定仪的校准方法"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/life/131989.html">卡尔费休水分测定仪的校准方法</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:36</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 963次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/answer/131990.html"> <img src="/upload/jingyan/2024/0905/0c27dbaf.jpg" alt="奥比岛攻略:红宝石免费得"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/answer/131990.html">奥比岛攻略:红宝石免费得</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:36</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 950次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/life/131991.html"> <img src="/upload/jingyan/2024/0905/9086bf12.jpg" alt="vegas如何实现打字效果"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/life/131991.html">vegas如何实现打字效果</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:38</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 1009次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/life/131992.html"> <img src="/upload/jingyan/2024/0905/d5d7a6c5.jpg" alt="煮红薯的做法"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/life/131992.html">煮红薯的做法</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:39</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 1007次 </span> </div> </div> </div> <div class="recommended-article-item"> <div class="rec-article-thumb"> <a href="/article/131993.html"> <img src="/upload/jingyan/2024/0905/e68bd1b3.jpg" alt="医学护肤品与普通护肤品的区别"> </a> </div> <div class="rec-article-content"> <h4 class="rec-article-title"> <a href="/article/131993.html">医学护肤品与普通护肤品的区别</a> </h4> <div class="rec-article-meta"> <span class="rec-article-date">2026-04-25 23:39</span> <span class="rec-article-views"> <i class="fas fa-eye"></i> 949次 </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer-section"> <div class="footer-content"> <div class="footer-info"> <div class="footer-brand"> <div class="footer-logo"><span><a href="https://www.wenda36.com/">问答三六</a></span></div> <p class="footer-description">问答三六,是一个专注于分享实用生活知识的平台。这里汇集了家居收纳、数码科技、育儿教育、职场礼仪等领域的海量常识问答。每天学习一点新知识,解决生活中的小难题,让日常变得更加便捷与有趣。找答案,就来生活百科常识问答。</p> </div> <div class="footer-copyright"> <p>© 2026 问答三六. 保留所有权利 - <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">闽ICP备2022016962号-20</a></p> <p><a href="/sitemap.xml" target="_blank">网站地图</a> - 联系邮箱:1465333496@qq.com </p> </div> </div> </div> </footer> <script type="text/javascript" src="/themes/simpleboot3/static/js/common.js"></script> </body> </html>