AtomWeb前端之路程序员

Atom简介和安装

2017-01-07  本文已影响168人  逆行风

原文http://andrewliu.in/2015/12/03/Atom开箱指南/

本博客采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本博客文章必须也遵循署名-非商业用途-保持一致的创作共用协议.

简介和安装

狗带一个官方简介: Atom是一个现代文本编辑器, 高度可定制而不需要写烦人的配置文件,另外Github出品必属精品, 我是世界最大男性交友网站的脑残粉…

自带包管理apm

智能补全, 预装文件浏览树

跨平台编辑(好像我在说废话, 有名的Editor都能做到这些

颜控必备, 丰富UI和语法高亮, 还能自己进行配置

听说对前端开发很友好

直接Atom官方下载app.

使用homebrew-cask安装.

# 通过brew安装cask

$ brew install caskroom/cask/brew-cask

# 使用cask安装Atom

$ brew cask install atom

修改设置

Atom基本是可以开箱即用的, 不过还需要修改一些小设置

Preferences->Settings->选取Soft Tabs

Tab Length: 4

即设置Tab使用4个空格

常用快捷键

快捷键说明

shift + cmd + o命令版(可以看到所有快捷键)

alt + shift + s查看文件相关语言的代码块(snippet)

cmd + f搜索当前文件

cmd+shift+f搜索整个项目

alt + cmd + [代码折叠, 我不喜欢用

alt + cmd + ]代码展开

cmd + /快速注释当前行

cmd + [代码左缩进

cmd + ]代码右缩进

cmd + b快速跳转打开的文件

光标移动快捷键说明

alt+B或alt+left光标按单词左移

alt+F或alt+right光标按单词右移

cmd+right或ctrl+e光标移动到行最右最后一个非空字符

cmd+left或ctrl+a光标移动到行最左第一个非空字符

cmd + up光标移动到文件头

cmd + down贯标移动到文件尾

ctrl + g行跳转, 语法为行号:列号

cmd + r按当前文件方法跳转

cmd + t全项目模糊查找关键字并跳转

ctrl + m按照括号匹配跳转

书签功能: 通过cmd + F2给某一行设置书签, 书签的标志出现在行号右侧, 通过F2进行书签跳转.此功能超赞

选择和编辑快捷键说明

ctrl+shift+p向上选中行

ctrl+shift+n向下选中行

cmd + a选中整个文本

cmd + l选中整行

cmd + d多重选中, 用过sublime的都很熟悉

ctrl+shit+k删除整行

cmd + delete删除光标到行首

alt + delete按单词删除

推荐插件

插件的安装推荐使用apm, (不要直接用setting中install装, 会爆炸的… Ps: Python党多装python相关插件

Atom包管理用法:

# 安装指定包

$ apm install

# 安装指定版本的包

$ apm install @

# 查找包

$ apm search

# 查看包更多详情

$ apm view

# 查看当前已安装包(包含默认Atom捆绑和个人安装)

$ apm list

首先祭出个人已安装的package列表,然后一一介绍

/Users/andrew_liu/.atom/packages (9)

├── activate-power-mode@0.3.2

├── autocomplete-python@1.0.1

├── emmet@2.3.16

├── linter@1.11.3

├── linter-flake8@1.9.2

├── linter-pep8@1.0.1

├── python-tools@0.6.7

├── script@3.2.0

└── seti-ui@0.8.1

代码爆炸效果插件activate-power-mode

$apm install python-tools

效果不多说,效果链接, 装逼必备, 不过编辑器晃得眼晕

代码风格审查linter

注意: 安装linter需要安装相关语言代码的风格审查工具才能生效,全语言风格审查列表

$ apm linter

$ (sudo) pip install pep8

$ (sudo) pip install flake8

# 安装插件

$ apm install pep8

$ apm install linter-flake8

前端神器emmet

$apm install emmet

不多说了,传送门: 使用emmet

函数定义跳转python-tools

支持快速变量重命名, 快速函数定义跳转(ctrl+alt+g), 选中string文本

Python自动补全autocomplete-python

$apm install python-tools

官方Atom插件中已经捆绑了language-python插件. 不过此插件提供了更强大变量名函数和标准库的补全.

脚本运行 script

通过文件名(cmd + i), 选中的代码或者行号来运行代码

$apm install script

编程语言图标定制主题seti-ui

一个针对编程语言文件的图标进行定制的UI主题, 另有搭配的语法高亮主题

Ps: 没有提到Git相关插件, 因为本人喜欢用命令行git.

解锁更多姿势可以查看Atom官方文档

参考链接

Atom官方文档直通车

Sublime Text 2/3使用心得

上一篇下一篇

猜你喜欢

热点阅读