前言
在 前端学习 开发编辑器 Atom使用配置 中主要介绍了Atom的基础概念和对前端的一些插件配置,以及一些基础技巧。这篇文章就介绍在不断使用Atom开发过程中的一些Atom的使用技巧。
这篇文章会不断更新,所以内容和之前的会有些重复,如果有不懂的,请先查看之前那篇文章。这篇文章内容全部自己尝试过的,也会随着不断使用Atom而不断更新文章。
前端插件
apm install emmet //前端常用
apm install atom-beautify //格式化
apm install minimap //代码地图
apm install autoclose-html //HTML标签自动闭包
apm install linter //lint检查
apm install linter-jshint//js检查
apm install file-icons //文件视图图标
apm install run-in-browser //使用浏览器预览
插件推荐
apm install markdown-scroll-sync // markdown preview同步滚动
使用技巧、快捷键
- 分屏操作
使用
cmd + shift + p
打开命令面板,搜索pane split
,就会看到弹出 Pane : split Up等等选项,可以点击打开新的Pane,进行操作。 - toogle Tree View
cmd + \
分屏操作时,关闭Tree View可以获得较好的编码体验。 - 打开MarkDown Preview
control + shift + m
,打开该Preview时默认会分屏在右边。安装的有
atom-beautify
插件的话,在该插件设置中disable markdown格式化
,否则会把markdown格式打乱
快捷键设置
‘atom-text-editor‘:
#格式化
‘alt-cmd-l‘: ‘atom-beautify:beautify-editor‘
#用浏览器打开
‘alt-cmd-o‘: ‘rib:run-in-browser‘
时间: 2024-11-05 18:36:50