Wscats / articles

🔖My Learning Notes and Memories - 分享我的学习片段和与你的回忆

Home Page:https://github.com/Wscats/articles

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Atom技巧总结

Wscats opened this issue · comments

我的常用快捷键

ctrl-alt-b 安装atom-beautify后可使用,格式化代码
ctrl-f 搜索,查找和替换文件
image
ctrl-/ 注释代码
image
ctrl-m 例如函数括号前后之间的切换,或者和之间的切换
image
ctrl-shift-m Markdown预览,非常好用的一个功能,注意会和搜狗输入法的快捷键起冲突
image
ctrl-z 撤销上次的键入
alt-shift-s 查看当前可以使用的代码块,例如我想写一个for循环,IDE就帮我自动生成这个代码块常用的格式
image
image
ctrl-鼠标滚动 放大和缩小代码
image
ctrl + r 进入变量、函数跳转面板
image
ctrl + g 进入行号跳转面板

我常用的Packages

atom-beautify
image
点击install之后,当安装完毕我们就可以用快捷键ctrl-alt-b就可以格式化代码了

emmet
这个扩展相信很多前端都不陌生,其实我个人是不喜欢用这个的,因为要记住一部分指令是比较头痛的事吧,等于多记一部分简写的标签,当然如果你很熟练它的确能给你带来高效的编码习惯,
使用手册可以参考这两篇文章
Emmet Documentation
前端开发必备!Emmet使用手册

minimap
用过sublime对右边这一个竖块视图肯定不会陌生,他显示全部代码的缩小版,能让你快速找到一些关键的代码块
image

ile-icons
这个是一个视觉的插件,本身是没有什么功能,但是看着文件前面有彩色的图片,顿时感觉编程就是一门艺术了
image

git-plus
一个Git的插件,我比较喜欢的是它能够方便的切换分支
image

关于Atom的网站或者文章

Atom China
如何评价 GitHub 发布的文本编辑器 Atom?——知乎
Atom 常用快捷键
Atom编辑器折腾记_(2)基础了解使用