Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Atom技巧总结 #30

Closed
Wscats opened this issue Jun 16, 2016 · 0 comments
Closed

Atom技巧总结 #30

Wscats opened this issue Jun 16, 2016 · 0 comments
Labels

Comments

@Wscats
Copy link
Owner

Wscats commented Jun 16, 2016

我的常用快捷键

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)基础了解使用

@Wscats Wscats added the notes label Jun 21, 2016
@Wscats Wscats closed this as completed Aug 22, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant