automatic update by http://atom.io/packages/sync-settings

atom

init.coffee

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
#   editor.onDidSave ->
#     console.log "Saved! #{editor.getPath()}"

keymap.cson

# Your keymap
#
# Atom keymaps work similarly to style sheets. Just as style sheets use
# selectors to apply styles to elements, Atom keymaps use selectors to associate
# keystrokes with events in specific contexts. Unlike style sheets however,
# each selector can only be declared once.
#
# You can create a new keybinding in this file by typing "key" and then hitting
# tab.
#
# Here's an example taken from Atom's built-in keymap:
#
# 'atom-text-editor':
#   'enter': 'editor:newline'
#
# 'atom-workspace':
#   'ctrl-shift-p': 'core:move-up'
#   'ctrl-p': 'core:move-down'
#
# You can find more information about keymaps in these guides:
# * https://atom.io/docs/latest/using-atom-basic-customization#customizing-key-bindings
# * https://atom.io/docs/latest/behind-atom-keymaps-in-depth
#
# If you're having trouble with your keybindings not working, try the
# Keybinding Resolver: `Cmd+.` on OS X and `Ctrl+.` on other platforms. See the
# Debugging Guide for more information:
# * https://atom.io/docs/latest/hacking-atom-debugging#check-the-keybindings
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# https://atom.io/docs/latest/using-atom-basic-customization#cson
'atom-text-editor':
   'ctrl-shift-I': 'editor:auto-indent'

packages.json

[
	{
		"name": "about",
		"version": "1.7.2"
	},
	{
		"name": "archive-view",
		"version": "0.62.2"
	},
	{
		"name": "atom-beautify",
		"version": "0.29.23"
	},
	{
		"name": "atom-dark-syntax",
		"version": "0.28.0",
		"theme": "syntax"
	},
	{
		"name": "atom-dark-ui",
		"version": "0.53.0",
		"theme": "ui"
	},
	{
		"name": "atom-light-syntax",
		"version": "0.29.0",
		"theme": "syntax"
	},
	{
		"name": "atom-light-ui",
		"version": "0.46.0",
		"theme": "ui"
	},
	{
		"name": "atom-live-server",
		"version": "2.1.2"
	},
	{
		"name": "autocomplete-atom-api",
		"version": "0.10.0"
	},
	{
		"name": "autocomplete-css",
		"version": "0.14.1"
	},
	{
		"name": "autocomplete-html",
		"version": "0.7.2"
	},
	{
		"name": "autocomplete-plus",
		"version": "2.34.2"
	},
	{
		"name": "autocomplete-snippets",
		"version": "1.11.0"
	},
	{
		"name": "autoflow",
		"version": "0.29.0"
	},
	{
		"name": "autosave",
		"version": "0.24.0"
	},
	{
		"name": "background-tips",
		"version": "0.26.1"
	},
	{
		"name": "base16-tomorrow-dark-theme",
		"version": "1.4.0",
		"theme": "syntax"
	},
	{
		"name": "base16-tomorrow-light-theme",
		"version": "1.4.0",
		"theme": "syntax"
	},
	{
		"name": "bookmarks",
		"version": "0.43.4"
	},
	{
		"name": "bracket-matcher",
		"version": "0.85.2"
	},
	{
		"name": "color-picker",
		"version": "2.2.5"
	},
	{
		"name": "command-palette",
		"version": "0.39.2"
	},
	{
		"name": "deprecation-cop",
		"version": "0.56.2"
	},
	{
		"name": "dev-live-reload",
		"version": "0.47.0"
	},
	{
		"name": "emmet",
		"version": "2.4.3"
	},
	{
		"name": "emmet-snippets-compatibility",
		"version": "1.0.6"
	},
	{
		"name": "encoding-selector",
		"version": "0.22.0"
	},
	{
		"name": "exception-reporting",
		"version": "0.41.0"
	},
	{
		"name": "file-icons",
		"version": "2.1.4"
	},
	{
		"name": "find-and-replace",
		"version": "0.206.1"
	},
	{
		"name": "fuzzy-finder",
		"version": "1.4.1"
	},
	{
		"name": "git-diff",
		"version": "1.2.0"
	},
	{
		"name": "git-time-machine",
		"version": "1.5.9"
	},
	{
		"name": "go-to-line",
		"version": "0.31.2"
	},
	{
		"name": "grammar-selector",
		"version": "0.48.2"
	},
	{
		"name": "image-view",
		"version": "0.60.0"
	},
	{
		"name": "incompatible-packages",
		"version": "0.26.1"
	},
	{
		"name": "indent-tooltip",
		"version": "0.2.1"
	},
	{
		"name": "keybinding-resolver",
		"version": "0.35.0"
	},
	{
		"name": "language-babel",
		"version": "2.57.1"
	},
	{
		"name": "language-c",
		"version": "0.54.1"
	},
	{
		"name": "language-clojure",
		"version": "0.22.1"
	},
	{
		"name": "language-coffee-script",
		"version": "0.48.2"
	},
	{
		"name": "language-csharp",
		"version": "0.14.0"
	},
	{
		"name": "language-css",
		"version": "0.41.0"
	},
	{
		"name": "language-gfm",
		"version": "0.88.0"
	},
	{
		"name": "language-git",
		"version": "0.19.0"
	},
	{
		"name": "language-go",
		"version": "0.43.1"
	},
	{
		"name": "language-html",
		"version": "0.47.1"
	},
	{
		"name": "language-hyperlink",
		"version": "0.16.1"
	},
	{
		"name": "language-java",
		"version": "0.25.0"
	},
	{
		"name": "language-javascript",
		"version": "0.125.1"
	},
	{
		"name": "language-json",
		"version": "0.18.3"
	},
	{
		"name": "language-less",
		"version": "0.30.0"
	},
	{
		"name": "language-make",
		"version": "0.22.3"
	},
	{
		"name": "language-mustache",
		"version": "0.13.1"
	},
	{
		"name": "language-objective-c",
		"version": "0.15.1"
	},
	{
		"name": "language-perl",
		"version": "0.37.0"
	},
	{
		"name": "language-php",
		"version": "0.37.3"
	},
	{
		"name": "language-property-list",
		"version": "0.9.0"
	},
	{
		"name": "language-python",
		"version": "0.45.1"
	},
	{
		"name": "language-ruby",
		"version": "0.70.4"
	},
	{
		"name": "language-ruby-on-rails",
		"version": "0.25.1"
	},
	{
		"name": "language-sass",
		"version": "0.57.1"
	},
	{
		"name": "language-shellscript",
		"version": "0.25.0"
	},
	{
		"name": "language-source",
		"version": "0.9.0"
	},
	{
		"name": "language-sql",
		"version": "0.25.2"
	},
	{
		"name": "language-text",
		"version": "0.7.1"
	},
	{
		"name": "language-todo",
		"version": "0.29.1"
	},
	{
		"name": "language-toml",
		"version": "0.18.1"
	},
	{
		"name": "language-typescript-grammars-only",
		"version": "1.6.0"
	},
	{
		"name": "language-vue",
		"version": "0.21.2"
	},
	{
		"name": "language-xml",
		"version": "0.34.15"
	},
	{
		"name": "language-yaml",
		"version": "0.27.2"
	},
	{
		"name": "line-ending-selector",
		"version": "0.5.1"
	},
	{
		"name": "link",
		"version": "0.31.2"
	},
	{
		"name": "markdown-preview",
		"version": "0.159.6"
	},
	{
		"name": "merge-conflicts",
		"version": "1.4.4"
	},
	{
		"name": "metrics",
		"version": "1.1.3"
	},
	{
		"name": "minimap",
		"version": "4.28.0"
	},
	{
		"name": "minimap-pigments",
		"version": "0.2.2"
	},
	{
		"name": "notifications",
		"version": "0.66.1"
	},
	{
		"name": "one-dark-syntax",
		"version": "1.6.0",
		"theme": "syntax"
	},
	{
		"name": "one-dark-ui",
		"version": "1.9.1",
		"theme": "ui"
	},
	{
		"name": "one-light-syntax",
		"version": "1.6.0",
		"theme": "syntax"
	},
	{
		"name": "one-light-ui",
		"version": "1.9.1",
		"theme": "ui"
	},
	{
		"name": "open-on-github",
		"version": "1.2.1"
	},
	{
		"name": "package-generator",
		"version": "1.0.2"
	},
	{
		"name": "pigments",
		"version": "0.39.1"
	},
	{
		"name": "polymer-snippets",
		"version": "3.2.1"
	},
	{
		"name": "react-es6-snippets",
		"version": "0.3.0"
	},
	{
		"name": "sass-autocompile",
		"version": "0.13.3"
	},
	{
		"name": "settings-view",
		"version": "0.246.0"
	},
	{
		"name": "snippets",
		"version": "1.0.5"
	},
	{
		"name": "solarized-dark-syntax",
		"version": "1.1.1",
		"theme": "syntax"
	},
	{
		"name": "solarized-light-syntax",
		"version": "1.1.1",
		"theme": "syntax"
	},
	{
		"name": "spell-check",
		"version": "0.70.2"
	},
	{
		"name": "status-bar",
		"version": "1.7.0"
	},
	{
		"name": "styleguide",
		"version": "0.48.0"
	},
	{
		"name": "symbols-view",
		"version": "0.114.0"
	},
	{
		"name": "sync-settings",
		"version": "0.8.1"
	},
	{
		"name": "tabs",
		"version": "0.104.1"
	},
	{
		"name": "timecop",
		"version": "0.33.2"
	},
	{
		"name": "tree-view",
		"version": "0.213.1"
	},
	{
		"name": "update-package-dependencies",
		"version": "0.10.0"
	},
	{
		"name": "welcome",
		"version": "0.36.0"
	},
	{
		"name": "whitespace",
		"version": "0.36.1"
	},
	{
		"name": "wrap-guide",
		"version": "0.39.0"
	}
]

settings.json

{
	"atom-beautify": {
		"general": {
			"_analyticsUserId": "67500d5b-a6ca-408d-9c15-9e2cb1b77c91"
		},
		"js": {}
	},
	"core": {
		"autoHideMenuBar": true,
		"telemetryConsent": "limited"
	},
	"exception-reporting": {
		"userId": "89e646af-5f22-400e-7430-1e3f5909c030"
	},
	"language-babel": {
		"allowLocalOverride": true,
		"autoIndentJSX": true
	},
	"minimap": {
		"plugins": {
			"pigments": true,
			"pigmentsDecorationsZIndex": 0
		}
	},
	"sass-autocompile": {
		"compileExpanded": true,
		"compileFiles": "Only with first-line-comment",
		"compileOnSave": false
	},
	"sync-settings": {},
	"welcome": {
		"showOnStartup": false
	}
}

snippets.cson

# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
# '.source.coffee':
#   'Console log':
#     'prefix': 'log'
#     'body': 'console.log $1'
#
# Each scope (e.g. '.source.coffee' above) can only be declared once.
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# https://atom.io/docs/latest/using-atom-basic-customization#cson
'.source.js':
  'XMLHttpRequest':
    'prefix': 'xhr'
    'body': """
      var xhr = new XMLHttpRequest();
      xhr.open("$1", "$2", $3);
      xhr.onreadystatechange = function ()
      {
        if (
            xhr.status == 200 &&
            xhr.readyState === 4
          )
        {
          //if the request complete run this code
          $4
        }
      }

      xhr.onerror = function (){
        //if the request has an error run this code
        $5
      };
      xhr.send();

    """
  'react-component':
    'prefix': 'rcom'
    'body': """
      import React, { Component } from 'react';

      class $1 extends Component {
        constructor(props) {
          super(props);
          $2
        }

        render() {
          return (
          $3
          );
        }
      }

      export default $1;
    """
  'react-constructor':
    'prefix': 'rcons'
    'body': """
    constructor(props){
      super(props);
      $1
    }
    """
  'angular-directive':
    'prefix': 'ngdirective'
    'body': """
      'use strict';

      angular.module('$1', ['$2']).
        directive('$3', function(){
          return{
            restrict: 'E',
            templateUrl: '$4.html',
            controller:function(){
              $5
            },
            controllerAs: '$6'
          };
        });
    """
  'angular-attribute':
    'prefix': 'ngattr'
    'body': """
      'use strict';

      angular.module('$1', ['$2']).
        directive('$3', function(){
          return{
            restrict: 'A',
            templateUrl: '$4.html',
            controller:function(){
              $5
            },
            controllerAs: '$6'
          };
        });
    """
'.source.css, .source.scss':
  'media breakpoints':
    'prefix': 'mbreak'
    'body': """
      @media screen and (min-width: 1200px) {

      }
      @media screen and (min-width: 1024px) {

      }
      @media screen and (max-width: 768px) {

      }
      @media screen and (max-width: 512px) {

      }
    """
'.text.html':
  'use - svg':
    'prefix': 'use'
    'body': """
      <svg viewBox="0 0 $1 $2">
         <use xlink:href="$3"></use>
      </svg>
    """

styles.less

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */


/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  // border-color: red;
}