JobbyM's Blog

Atom 使用手册

简介

记录使用Atom 编辑器的相关方法

  1. Atom - 一个为21世纪所创造的可配置编辑器

    Atom is a hackable text editor for the 21st century, built on Electron, and based on everything we love about our favorite editors. We designed it to be deeply customizable, but still approachable using the default configuration.

  2. apm

    apm - Atom Package Manager

使用apm 安装插件

  1. 首先需要修改apm 的源
    1
    $ apm config set registry https://registry.npm.taobao.org/
    使用如下命令进行验证是否被正确设置
    1
    2
    $ apm config get registry
    https://registry.npm.taobao.org/
    或者是查看~/.atom/.apmrc 文件是否被正确设置
  2. 如果安装插件时有防火墙,可以禁用strict ssl
    1
    $ apm config set strict-ssl false
    使用如下命令进行验证是否被正确设置
    1
    2
    $ apm config get strict-ssl
    false
    或者是查看~/.atom/.apmrc 文件是否被正确设置
  3. apm 相关命令
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    $ apm

    apm - Atom Package Manager powered by https://atom.io

    Usage: apm <command>

    where <command> is one of:
    clean, config, dedupe, deinstall, delete, dev, develop, disable, docs,
    enable, erase, featured, home, i, init, install, link, linked, links, list,
    ln, lns, login, ls, open, outdated, publish, rebuild, rebuild-module-cache,
    remove, rm, search, show, star, starred, stars, test, uninstall, unlink,
    unpublish, unstar, update, upgrade, view.

    Run `apm help <command>` to see the more details about a specific command.

    选项:
    --color Enable colored output [boolean] [默认值: true]
    -v, --version Print the apm version
    -h, --help Print this usage message
  4. apm 安装包实例
    为了便于编辑react,安装react插件
    1
    $ apm install react

快捷键

1.修改当前文件的类型
Atom会自动识别你当前编辑的文件的类型
如果识别失败,Atom 会将此文件当做普通的文本文档来处理
在这种情况下我们可以使用Ctrl+Shift+L来手动指定或改变当前文件的类型

自定义后缀代码高亮

1.打开config.cson 配置文件
同时按下ctrl + shift + p 唤起命令面板,输入Application: Open Your Config,点击回车键,将会打开config.cson 文件
2.修改config.cson 配置文件
core 下面添加如下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
core:
customFileTypes:
"source.css": [
"wxss"
]
"source.js": [
"wxs"
]
"text.html.basic": [
"wxml"
]
disabledPackages: [
"activate-power-mode"
"linter"
"linter-eslint"
]

3.重新启动Atom 编辑器,就可以看到对wxsswxswxml 后缀的文件进行代码高亮了

参考文档

  1. Atom GitHub 地址
  2. Atom 官网
  3. Atom 官网