Sub pages

Shortcuts

Command Palette

Cmd+Shift+P

Then input the command, e.g. “about”, will jump to the About page of Atom.

Fuzzy Finder

Cmd+T/Ctrl+P

Then input the filename, e.g. “atom.md”, will open this file.

config

config example: https://github.com/xxd3vin/env/blob/master/.atom/config.cson

“Remove Trailing Whitespace” should not be on by default

https://github.com/atom/whitespace/issues/10#issuecomment-85183781

"*":
  whitespace:
    removeTrailingWhitespace: false

install in ubuntu 16.04

sudo add-apt-repository ppa:webupd8team/atom
sudo apt-get update
sudo apt-get install atom

http proxy

Convert Shadowsocks into an HTTP proxy

Polipo is a option. (But Polipo is no longer maintained)

Privoxy is another option.

Follow the instructions here: privoxy

Set proxy with apm config

search exclude

Config

https://github.com/xxd3vin/env/blob/master/.atom/config.cson

vim ~/.atom/config.cson

"*":
  core:
    ignoredNames: [
      ".git"
      ".hg"
      ".svn"
      ".DS_Store"
      "._*"
      "Thumbs.db"
      "desktop.ini"
      "node_modules"
      "dist"
      "coverage"
      ".happypack"
      ".nuxt"
    ]

Atom, Preferences, Core, Core Settings, Ignored Names:

Search in Projects

Search debug( in project ssc_ocr, and ignore node_modules dir.

search keyword

debug(

filter

ssc_ocr, !node_modules

Ref: https://github.com/atom/find-and-replace/issues/149#issuecomment-36959881

Exclude some file type

Search in the src/api dir, and exclude the test files.

src/api,!*.test.js

eslint

https://github.com/AtomLinter/linter-eslint

vue

To lint *.vue file, just to enable the “Lint HTML Files” option in linter-eslint configuration.

And install eslint-plugin-html

npm i eslint-plugin-html -D

Add this plugin to .eslintrc

{
  plugins: [
    'html'
  ]
}

plugins

  • theme
    • seti-ui
  • packages
    • open-recent
    • project-manager
    • minimap
    • highlight-selected
    • minimap-highlight-selected (will install highlight-selected)
    • autoclose-html
    • pigments
    • auto-detect-indentation
    • atom-beautify
    • docblockr
    • autocomplete-modules
    • linter-eslint config: Fix errors on save
    • git-plus
    • vuejs
      • language-vue: syntax highlighting
    • editorconfig
    • language-markdown
    • autocomplete-plus (直接搜索插件名称找不到,可以搜索描述信息的第一句)
    • flow-ide (有一个ide-flow已经停止维护了)
    • language-docker
    • language-gitignore

Atom doesn’t have these plugins, but here is the replacements:

  • vscode-gitlens -> Atom Commands: “git blame” to access the webpage of GitHub/GitLab blame page.

for react

  • language-babel syntax highlighting for jsx and es6 (this is not compactible with atom-react )

for typescript

  • packages
    • atom-typescript
    • linter-tslint

editorconfig

ctrl+shift+p EditorConfig: show state 查看状态,修复问题,比如将官方的whitespace插件禁用了。

keyboard shortcuts for macOS

https://gist.github.com/chrissimpkins/5bf5686bae86b8129bee

  • ⌃-m - Go to Matching Bracket
  • ⌘-F2 - Toggle Bookmark

See also