{
    "componentChunkName": "component---src-templates-post-jsx",
    "path": "/blog/essential-atom-packages",
    "result": {"data":{"post":{"id":"e5d652f1-1506-55aa-a1d4-1e4170c6ba9f","body":"var _excluded = [\"components\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Essential Atom Packages\",\n  \"slug\": \"/essential-atom-packages\",\n  \"description\": \"A spotlight for noteworthy Atom packages\",\n  \"desc\": \"Some insights to help you feel more at home with your new editor\",\n  \"date\": \"2016-08-22T00:00:00.000Z\",\n  \"update\": \"2017-02-18T00:00:00.000Z\",\n  \"category\": \"Atom\",\n  \"image\": \"./img/atom-banner.jpg\",\n  \"tags\": [\"spotlight\", \"atom\", \"tools\", \"tech\"],\n  \"published\": true\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"As a long-time Sublime Text user, I\", \"\\u2019\", \"ve recently made the transition to using \", mdx(\"img\", {\n    parentName: \"p\",\n    \"className\": \"inline\",\n    \"src\": \"https://user-images.githubusercontent.com/16360374/41584818-231060ca-735d-11e8-90e3-d7ad66a20f85.png\",\n    \"width\": 20,\n    \"alt\": \"atom\"\n  }), \" \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://atom.io/\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, \"Atom\"), \" as my go\", \"\\u2013\", \"to code editor after falling in love with it\", \"\\u2019\", \"s package selection and \", \"\\u201C\", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"hackable\"), \"\\u201D\", \" nature. I also know from experience that changes like these can be a little bewildering, so I thought others might benefit from a simple resource to started configuring their Atomic workspace.\"), mdx(\"h2\", null, \"Installing packages\"), mdx(\"p\", null, \"All of the featured packages are published through \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://github.com/atom/apm\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, \"apm\"), \" and can be installed via the following command:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-bash\"\n  }, \"$ apm install <package-name>\\n\")), mdx(\"hr\", null), mdx(\"h2\", null, \"Getting Started\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/fonts\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Fonts\")), \" \", \"\\u2013\", \" a nice collection of 45+ of the best monospaced fonts.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/firacode\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Fira Code\")), \" \", \"\\u2013\", \" for those of you that prefer the added ligatures of Fira Code.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/atom-beautify\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Atom Beautify\")), \" \", \"\\u2013\", \" allows you to :lipstick: \", mdx(\"em\", {\n    parentName: \"li\"\n  }, \"beautify\"), \" your code, with support for most common programming languages.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/atom-minify\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Atom Minify\")), \" \", \"\\u2013\", \" adds many convient ways for minifying your Javascript, CSS, ect\\u2026\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/open-recent\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Open Recent\")), \" \", \"\\u2013\", \" adds the ability to open recent files in the current window, and recent folders in a new window.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/file-icons\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"File Icons\")), \" \", \"\\u2013\", \" adds file-type specific icons for improved visual grepping.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/tool-bar\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Tool Bar\")), \" \", \"\\u2013\", \" provides a useful, customizable tool-bar for your editor.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/atom-terminal\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Atom Terminal\")), \" \", \"\\u2013\", \" launch terminal app in the current file\", \"\\u2019\", \"s directory from within Atom.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/pigments\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Pigments\")), \" \", \"\\u2013\", \" displays RGB/Hex colors in project files for improved readability when working with color palettes.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/color-picker\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Color Picker\")), \" \", \"\\u2013\", \" a simple package that makes selecting colors and getting their RGB or hex-values a breeze.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/todo-show\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"TODO Show\")), \" \", \"\\u2013\", \" a package that finds all \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"TODO\"), \", \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"NOTE\"), \", \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"FIXME\"), \", ect\\u2026 comment tags in your project and organizes them into a table.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/atom-bracket-highlight\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Atom Bracket Highlight\")), \" \", \"\\u2013\", \" eases code navigation by increasing the visibility of matching code brackets.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/markdown-preview-plus\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Markdown Preview Plus\")), \" \", \"\\u2013\", \" provides an enhanced, real\", \"\\u2013\", \"time preview of markdown documents for easy editing.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/git-time-machine\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Git Time Machine\")), \" \", \"\\u2013\", \" allows users to open a bubble plot of the current files git history and access previous versions.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/zentabs\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"ZenTabs\")), \" \", \"\\u2013\", \" allows you to limit the number of tabs that can be open in a window by cleaning up inactive tabs when new ones are opened.  \")), mdx(\"h2\", null, \"Sublime\", mdx(\"em\", {\n    parentName: \"h2\"\n  }, \"-ish\")), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/atomic-monokai-syntax\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Atomic Monokai\")), \" \", \"\\u2013\", \" Okay I may be biased, but I think many Sublime Text users will feel right at home with this syntax\", \"\\u2013\", \"theme.  \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/atomic-design-ui\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Atomic Design\")), \" \", \"\\u2013\", \" Again biased, but if you\", \"\\u2019\", \"re using Atomic Monokai or a similar dark syntax\", \"\\u2013\", \"theme, I suggest you check out this awesome UI\", \"\\u2013\", \"theme.  \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/highlight-selected\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Highlight Selected\")), \" \", \"\\u2013\", \" highlights all instances of the selected element within the open file.  \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/minimap\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Minimap\")), \" \", \"\\u2013\", \" applies a \", \"\\u2018\", mdx(\"em\", {\n    parentName: \"li\"\n  }, \"Sublime\", \"\\u2013\", \"esque\"), \"\\u2019\", \" minimized code view to the frame for easy navigation.  \", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/minimap-cursorline\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Cursorline\")), \" \", \"\\u2013\", \" a plugin which displays your active cursor-line on your Minimap.  \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/minimap-highlight-selected\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Highlight-Selected\")), \" \", \"\\u2013\", \" Adds \", mdx(\"em\", {\n    parentName: \"li\"\n  }, \"Highlight-Selected\"), \" functionality to your Minimap.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/minimap-git-diff\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Git-Diff\")), \"  \", \"\\u2013\", \" While this featured isn\", \"\\u2019\", \"t actually available in Sublime Text, it can be very helpful when using the Minimap to navigating files.  \"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://atom.io/packages/project-manager\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Project Manager\")), \" \", \"\\u2013\", \" delivers a familiar workflow for navigating projects and project\", \"\\u2013\", \"specific settings.  \")), mdx(\"h2\", null, \"Just for Fun\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://atom.io/packages/activate-power-mode\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, mdx(\"strong\", {\n    parentName: \"a\"\n  }, \"Activate Power Mode\")), \" \", \"\\u2013\", \" a fun package which adds a little bit more excitement to writing code. Although\\npersonally, I found the constant animations and shaking to be a little disorienting, so I chose to disabled that package and instead\\nreplaced it with \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://atom.io/packages/activate-power-mode-delete\",\n    \"target\": \"_blank\",\n    \"rel\": \"nofollow noopener noreferrer\"\n  }, \"Activate Power Mode Delete\"), \".  \"), mdx(\"br\", null))));\n}\n;\nMDXContent.isMDXComponent = true;","fields":{"slug":"/essential-atom-packages"},"frontmatter":{"title":"Essential Atom Packages","description":"A spotlight for noteworthy Atom packages","date":"22 August 2016","category":"Atom","image":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#88b898","images":{"fallback":{"src":"/static/12f383b1c7004bd564fb68a412d32f5b/448f6/atom-banner.jpg","srcSet":"/static/12f383b1c7004bd564fb68a412d32f5b/fe8a1/atom-banner.jpg 750w,\n/static/12f383b1c7004bd564fb68a412d32f5b/626a5/atom-banner.jpg 1080w,\n/static/12f383b1c7004bd564fb68a412d32f5b/9a9ed/atom-banner.jpg 1366w,\n/static/12f383b1c7004bd564fb68a412d32f5b/448f6/atom-banner.jpg 1920w","sizes":"100vw"},"sources":[{"srcSet":"/static/12f383b1c7004bd564fb68a412d32f5b/1b672/atom-banner.webp 750w,\n/static/12f383b1c7004bd564fb68a412d32f5b/c19e7/atom-banner.webp 1080w,\n/static/12f383b1c7004bd564fb68a412d32f5b/7f82d/atom-banner.webp 1366w,\n/static/12f383b1c7004bd564fb68a412d32f5b/62f44/atom-banner.webp 1920w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.390625}}}}},"avatar":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/b24b72d8f366da7af02542a735d82fa0/f9edd/me.jpg","srcSet":"/static/b24b72d8f366da7af02542a735d82fa0/93848/me.jpg 60w,\n/static/b24b72d8f366da7af02542a735d82fa0/73bb6/me.jpg 120w,\n/static/b24b72d8f366da7af02542a735d82fa0/f9edd/me.jpg 240w,\n/static/b24b72d8f366da7af02542a735d82fa0/97a19/me.jpg 480w","sizes":"(min-width: 240px) 240px, 100vw"},"sources":[{"srcSet":"/static/b24b72d8f366da7af02542a735d82fa0/927d1/me.webp 60w,\n/static/b24b72d8f366da7af02542a735d82fa0/507b0/me.webp 120w,\n/static/b24b72d8f366da7af02542a735d82fa0/8d565/me.webp 240w,\n/static/b24b72d8f366da7af02542a735d82fa0/21b1a/me.webp 480w","type":"image/webp","sizes":"(min-width: 240px) 240px, 100vw"}]},"width":240,"height":240}}}},"pageContext":{"slug":"/essential-atom-packages"}},
    "staticQueryHashes": []}