Useful Tips for using Atom Editor - RealWorld-Yuchen-Yang/Notes GitHub Wiki

Useful Shortcuts

  • Search for file: cmd+t
  • Search in project directory: cmd+shift+f
  • Show command hints and corresponding shortcuts(if any): cmd+shift+p

Nice configurations

  • Settings->Editor->Scroll pass end, allow editor to pass end of file without manually tap "space"

Useful customization packages and themes

  • emmet:Text Editor with shortcuts to edit HTML & CSS
  • highlight-selected: highlight words with same spelling, speed up debugging spelling errors.
  • open-recent
  • minimap
  • git-clone
  • git-plus
  • git-diff
  • git-time-machine
  • merge-conflicts
  • color-picker: a palette for picking colours
  • pigments: used for color highlighting and manipulation of designing GUI
  • material: awesome theme
  • script-runner: allows you to run scripts in Atom
  • atom-live-server
    • by using control+option+3, we open a local server who serves the current file at 127.0.0.1:3000
    • by using control+option+q, we can close the server
  • browser-plus
  • open-in-browser
  • wakatime: used to show workflow metrics
  • terminal-plus
  • jumpy
  • atom-ternjs: auto complete engine for javascript
  • atom-beautify: beautifies the source code
  • open-recent

Linter and Hinters

Used for showing line information/error/warning, etc.
when searching for linter for a specific language, just type linter-xxx

  • linter-jscs
  • linter-jshint
  • javscript-snippets
  • autocomplete-xml
⚠️ **GitHub.com Fallback** ⚠️