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> </div> <div class="related-articles"> <h3 class="section-title">相关文章</h3> <div class="related-grid"> <div class="related-item"> <div class="related-thumb"> <a href="/answer/100182.html"> <img src="/upload/cp/2026/0326/ad619791.png" alt="审视的意思解释"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/100182.html">审视的意思解释</a> </h4> <div class="related-meta"> <span class="related-date">2026-03-30 21:26</span> <span class="related-views">阅读(1027 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/103014.html"> <img src="/upload/cp/2026/0326/b8eb857c.png" alt="感谢有你老师怎么写作文500字以上"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/103014.html">感谢有你老师怎么写作文500字以上</a> </h4> <div class="related-meta"> <span class="related-date">2026-04-03 19:51</span> <span class="related-views">阅读(1025 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/100824.html"> <img src="/upload/cp/2026/0326/e350f998.png" alt="风烟俱净风烟的意思"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/100824.html">风烟俱净风烟的意思</a> </h4> <div class="related-meta"> <span class="related-date">2026-03-31 18:50</span> <span class="related-views">阅读(1024 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/100238.html"> <img src="/upload/cp/2026/0326/b61f10f6.png" alt="优秀的反义词是什么"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/100238.html">优秀的反义词是什么</a> </h4> <div class="related-meta"> <span class="related-date">2026-03-30 23:20</span> <span class="related-views">阅读(1024 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/101249.html"> <img src="/upload/cp/2026/0326/64f3b871.png" alt="恩典与恩惠意义有什么区别"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/101249.html">恩典与恩惠意义有什么区别</a> </h4> <div class="related-meta"> <span class="related-date">2026-04-01 09:02</span> <span class="related-views">阅读(1023 次)</span> </div> </div> </div> <div class="related-item"> <div class="related-thumb"> <a href="/answer/101184.html"> <img src="/upload/cp/2026/0326/3034e12c.png" alt="周记大全200字左右"> </a> </div> <div class="related-info"> <h4 class="related-title"> <a href="/answer/101184.html">周记大全200字左右</a> </h4> <div class="related-meta"> <span class="related-date">2026-04-01 06:50</span> <span class="related-views">阅读(1023 次)</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/100182.html">审视的意思解释</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1027次 </span> <span class="hot-article-date">2026-03-30 21:26</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/103014.html">感谢有你老师怎么写作文500字以上</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1025次 </span> <span class="hot-article-date">2026-04-03 19:51</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/100824.html">风烟俱净风烟的意思</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1024次 </span> <span class="hot-article-date">2026-03-31 18:50</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/100238.html">优秀的反义词是什么</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1024次 </span> <span class="hot-article-date">2026-03-30 23:20</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/101249.html">恩典与恩惠意义有什么区别</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1023次 </span> <span class="hot-article-date">2026-04-01 09:02</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/101184.html">周记大全200字左右</a> </h4> <div class="hot-article-meta"> <span class="hot-article-views"> <i class="fas fa-eye"></i> 1023次 </span> <span class="hot-article-date">2026-04-01 06:50</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> 917次 </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> 968次 </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> 942次 </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> 959次 </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> 939次 </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> 923次 </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> 902次 </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> 966次 </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> 968次 </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> 908次 </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>