Atom概述

Atom 介绍

• Atom是由GitHub开发的开源文本编辑器
• 可以以插件的方式进行定制
• 该软件使用JavaScript，css，Html编写的

Atom特点

• 跨平台，支持windows，linux，Mac OS
• 插件以包的形式管理
• 支持语言广泛
• 高度定制
• 上千种主题

常用快捷键

• 模糊查找
  ctrl+ t
  Atom对象项目进行了索引，使用ctrl+t可以对项目中的文件进行模糊查找
• 显示项目树(可切换)
  ctrl+ \
• 生成html模版代码
  输入html:5然后按tab键 前提是你已安装emmet插件
• 复制当前行
  ctrl+shift+d
• 打开取色器
  ctrl+alt+c 已安装color-picker插件

常见设置

• 设置项目默认目录
  file>settings>core>Project Home
• 隐藏项目无关文件(.git .svn .DS_Store .Thumbs.db..)
  file>settings>packages>搜索 tree-view，在setting下面勾选Hide igorned Names

切换国内安装源

先切换为国内安装源，否则一些插件下载会连接超时或安装失败
需要使用atom自带的命令行工具apm
进入atom安装目录
对于atom 1.29版本的安装目录apm目录为：C:\Users\Administrator\AppData\Local\atom\bin
进入该目录，安装shift键，单击鼠标右键选择：在此处打开命令行窗口，然后运行如下命令：
apm config set registry http://registry.npm.taobao.org

编写html+css+js必装插件

如何安装软件包
file>settings>install

1. Emmet 插件使用帮助：[https://docs.emmet.io/cheat-sheet/]
2. autoclose-html 自动封闭html标签
3. color-picker:取色器 打开取色器：ctr+alt+c
4. minimap：代码地图
5. atom-ternjs：js，jQuery，angular js代码自动补全
6. linter-jshint:JS语法检查器，会自动安装依赖插件linter
7. highlight-selected:高亮相同的单词或者变量
8. simple-drag-drop-text：文件内拖拽文本
9. pigments：自动根据代码中的颜色值为当前代码着色
10. file-icons：根据文件类型自动使用不同图标区分文件

其他插件

1. autocomplete-paths：自动填写路径(经测试在html，css中无效)
2. platformio-ide-terminal:在当前编辑窗口开启cmd终端
3. activate-power-mode：激活震撼效果
4. project-manager:搜索及访问项目管理器 打开方式：Alt + Shift + P
5. git-plus：git插件，不必切换到终端快速执行git命令，打开方式：Ctrl + Shift + H
6. auto-update-packages：自动更新插件包(系统已自带该功能)
7. autocomplete-modules：自动检测require/import 语句提示关联文件或模块
8. docblockr：注释生成插件，匹配当前function自动完成注释

配置导出及导入

1. 安装config-import-export插件
2. 建立AtomConfigBackup目录
3. 下载JSON文件到AtomConfigBackup目录
4. 导入配置，点击Packages -> Config Import Export -> Import选择备份的JSON文件