Atom安装及配置

Atom插件安装

比较常用的插件安装方法有3种.

1.假如有VPS的话,可以使用代理安装,没有的可以使用Lantern作为代理.这种方法最方便.

注意,需要为apm指定代理,即在XXX(用户文件)的.atom目录下创建一个名为.apmrc的文件,打开并编辑:

apm config set strict-ssl false

apm config set https-proxy https://127.0.0.1:1080

apm config set http-proxy http://127.0.0.1:1080

完成后,需要重启.

2.使用git把插件clone下来,这种方式通常为:

首先将插件clone到.atom文件夹下面的packages中.

cd到该插件.

apm install.

3.使用国内的npm源,地址为registry.npm.taobao.org,这里面有个缺点,版本不够新.

插件配置

autocopmpelte

emmet 前端神器,用法参考文档

autocomplete-js-import 导入外部js文件

autocomplete-modules 模块名自动补全

autocomplete-paths 路径自动完成

css-spy 在HTML引用CSS的插件

atom-ternjs JS补全插件

css-snippets CSS代码片段

javascript-snippets Javascript代码片段

autoprefixer 添加浏览器前缀,快捷键自定义为shift+x

files

advanced-open-file 快速打开及创建文件插件,快捷键ctrl+alt+o

copy-filename 复制文件名

file-icons 文件图标美化

filecolor 文件颜色美化

foldername-tabs 将文件夹名称添加到标签

linter

linter 一个基础检测框架,快捷键alt+>

linter-csslint 检测css插件

linter-eslint 检测js插件

linter-jsonlint 检测json插件

git

git-plus 可以直接在Atom命令面板中运行常见命令,注意配置用户名和邮箱

git-control 提供一个图形界面来管理所有常用的git命令,快捷键ctrl+alt+o,因为与advanced-open-file冲突,所以改为ctrl+alt+g

merge-conflicts 解决git合并冲突,快捷键alt+m+d

minimap

minimap-find-and-replace

minimap-highlight-selected

minimap-pigments

beautify

atom-beautify 格式化工具,快捷键ctrl+alt+b

other

pigments 代码颜色可视化

color-picker 颜色选择器,快捷键为ctrl+alt+c

convert-to-utf8 自动转换为utf-8

docblockr 快速生成注释,快捷键enter

fold-comments快速折叠或打开所有注释,快捷键ctrl+shift+/

fold-functions快速折叠或打开所有函数,快捷键可以通过ctrl+shift+p查看全部命令

highlight-selected 高亮所有和当前选中单词一样的单词

hyperclick 跳转插件

js-hyperclick 配合使用

indent-guide-improved 缩进辅助

open-in-browser 在默认浏览器中打开文件,快捷键为ctrl+alt+q

pretty-json 格式化json,通过ctrl+shift+p选择

script 在atom中运行代码,快捷键ctrl+shift+b

split-diff 比较不同的文件差异,快捷键ctrl+alt+t

sync-settings 备份插件

tab-switcher 快速切换打开的文件,快捷键ctrl+[上一个文件,ctrl+]下一个文件

tree-view-copy-relative-path 从tree-view拷贝文件的绝对路径,右键